Loading…
6
I was using grid-template-areas for everything until a layout in Austin slapped me in the face
For 8 months I built every single layout with grid-template-areas, even simple things like a two column card grid. Last week I was staring at a dashboard that needed to reflow from 4 columns to 2 to 1, and I had written 3 separate media queries just to rewrite the areas. Then a friend in Austin sent me a 10 line CodePen using repeat(auto-fit, minmax(250px, 1fr)) and it did the whole thing with no queries. I felt like a dummy because I had been copying and pasting area names for hours when one line of grid-template-columns would have worked. Now I only use areas when the layout is truly irregular, like a header that spans rows with a sidebar. Has anyone else fallen into the habit of using one grid feature for every single layout, or is it just me?
0 comments
Log in to join the discussion
Log In0 Comments
No comments yet
Be the first to share your thoughts on this discussion.