Frontend

I've started reaching for display: grid; over display: flex; recently, even in cases where I'm not really working with a two-dimensional grid. Grid's fractional units often work really well with the designs I'm working on; better than flex-grow/shrink for sure.

It feels like the end of an era for me.

Staff Eng at Iron Fish 🐟 • Building BlockSocks 🧦 • Denver, CO 📍

I avoided it for the longest time, probably cause I know flex so well. It definitely has a learning curve, but it's one of those things where you can get pretty far by learning like 20% of it and then learn the rest bit by bit.

Here's a tiny Codepen using grid where I woulda used flex before

I avoided it for the longest time, probably cause I know flex so well. It definitely has a learning curve, but it's one of those things where you can get pretty far by learning like 20% of it and then learn the rest bit by bit.

Here's a tiny Codepen using grid where I woulda used flex before https://codepen.io/dgca/pen/JjQzqyq

I don’t know why but I can’t get comfortable with the grid syntax, it feels as esoteric as writing a regular expression.

Tables walked so Flex could run

Flex ran so Grids could fly 

And the start of a new one 

100 $degen
10 $hunt
10 $00
🍖 x 100
10000 $nogs
10 $build
5 $fomo
5 🎭
100 $WILD

Pro move. 
There is a dad joke in here somwehre about flex.

I'm over hear waiting on this one... 🥺

Pro move. 
There is a dad joke in here somwehre about flex.

I'm over hear waiting on this one... 🥺
https://github.com/facebook/yoga/issues/867

Best part is you can configure everything from the parent element so it’s more self-contained. No child selectors to set `flex` for.

I've seen others writing grid rules really quickly and it seems magical. I think I need some practice because I avoid grid like the plague.