Thread by @brgrz, Let me tweet about my experiences with CSS Grid so far. In [...]

Marko Hrovatič

brgrz

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& #39;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& #39;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: