Vent: my portfolio cards shifted 4 times at different widths until I used grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) | CSS Grid Tricks

Kai Bailey · 2026-10-11T03:45:03.959053+00:00

I spent two hours last Saturday at my kitchen table fighting media queries that never lined up right. Once I swapped them for auto-fit and 260px minimums, everything snapped into place, but I'm still not sure if that min width is too small for tablets, what number do you all use?

The Design Community Hub

Loading…

Vent: my portfolio cards shifted 4 times at different widths until I used grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) | CSS Grid Tricks - The Design Community Hub