How to wrapp items without margin on the last row item

Design help General
1

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

image
image1612×1018 354 KB

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.

image
image1235×499 42.7 KB

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).

image
image1349×847 209 KB

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

2

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 CSS Grid for IE11 using Autoprefixer · GitHub

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