Let me tweet about my experiences with CSS Grid so far. In general, this has been a great addition to CSS. Flexbox brought us new ways to solve layout issues on single axis and Grid extends that to both vertical/horizontal axis. 1/n #CSS #CSSgrid
TBH Grid is more complex or verbose than Flexbox. Makes sense since it covers more. 2/n #CSSgrid
If you know you'll only manage content in one direction, choose Flexbox over Grid. It will be easier to set up and maintain. #CSSgrid
When you do need to place content in both directions, #CSSgrid is a great option.
My experience on setting up templated columns/rows: try to avoid fixed column/row specification, for example: grid-template-columns: 1fr 2fr 1fr. In the long run it will be more flexible if you go with grid-auto-flow/grid-auto-columns/grid-auto-rows. #CSS #CSSgrid
If you set up fixed columns they won't adapt to their container size. If you set up 3 columns the browser will always try to squeeze in those 3 columns either by squeezing the columns to the minimum and/or by expading the container. #CSSgrid
You can follow @brgrz.
Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.

Latest Threads Unrolled: