Finally tried auto-fit vs auto-fill in CSS Grid and auto-fill made my layout way less broken on those weird tablet sizes

I spent 3 hours debugging why my gallery was leaving huge gaps on an iPad mini and switching from grid-template-columns: repeat(auto-fit, ...) to auto-fill fixed it instantly because auto-fill keeps those empty columns in place, has anyone else run into this specific gotcha or is it just me?

2 comments

2 Comments

diana551d ago

Auto-fill ghosting your layout is peak CSS grid energy lol.

the_richard1d ago

Auto-fill's awesome but ghosting is more of a grid-template thing actually.