Loading…
19
My 3 column grid broke at 767px and the fix was one word, not 40 lines of media queries
I built a photo wall with grid-template-columns: repeat(3, 1fr) and at 767px the images squished so bad my sister asked if her phone was broken. Then I swapped 1fr for auto-fit and minmax(220px, 1fr) and dropped all but one media query, so now it reflows on its own. Is this the way you all handle breakpoints now, or do you still write step by step queries because auto-fit feels too loose to trust?
0 comments
Log in to join the discussion
Log In0 Comments
No comments yet
Be the first to share your thoughts on this discussion.