Flexbox vs. Grid

Having two different tools for layouts leads to the very good question of how do you pick which one to use?

What type of layout is it?

The first thing you should ask is, do you want a structured layout, or something where the content has an influence?

It’s not one or the other

One very important thing to keep in mind is that you don’t have to pick one or the other and stick with it for everything. The two of them play very well together!

See the Pen Flex + Grid: BFFs by Kevin (@kevinpowell) on CodePen.

I will say that, in general, I use Grid more than I use Flexbox. There are some situations where you could use one or the other, but I find most of the time I like to set up the parent to control things, and plug my content in, rather than using Flexbox where the parent sets the stage, but then I need to also manage the children to behave properly.