Streaming live at 10am (PST)

How to wrapp items without margin on the last row item

Hello guys,

I am trying to figure out how to wrap container items without margin on the last row item. https://www.figma.com/file/boRqIt6Fe5bGa5WsV7ame0/tft-project?node-id=0%3A1

It works perfectly fine using CSS grid but since IE doesn’t support it (every item is stucked on one spot) I’d like to make it another way.

Flexbox seems like a good solution but I don’t know how to get rid of bottom-right margin on the last row item. I’d like to have it nicely aligned with page contained width (1200px).

Could someone help me with this, please? I’d really appreciate it.


Here is my site Read-Only: https://preview.webflow.com/preview/tftactics-cz-9c6ea4bd5d871354fe92220368?utm_medium=preview_link&utm_source=dashboard&utm_content=tftactics-cz-9c6ea4bd5d871354fe92220368&preview=b56a54d65ebc0bfcf1dd7b4a8dfae011&mode=preview

Nvm I’ll use CSS grid because I doubt someone would use IE on this kind of website. But for the future Webflow devs, did you think about Autoprefixer? This could sove that problem https://gist.github.com/pestbarn/6acd7d93a04999b390bc55394bcb0405

Some projects has older audience (still using IE) :wink: