Flexbox and container question!

Hi All,

I am lost when it comes to flexbox does anyone know the best site to learn this for the beginner.
Also can you have multiple container divs or only one!?
Sorry dumb questions.
Thanks
J

It is a common pattern to have a “root-level” container set up with a grid, then to have (for example) a header within that container set up as a flex, or a sidebar nav as a row flex, and the main content pane as a sub-grid… as deeply nested as you may need.

Sitepoint has a neat article about flex, as does Medium.com

1 Like

Try these resources, it should give you all you need to know.

And for an awesome set of videos

2 Likes

Everyone’s gotta do https://flexboxfroggy.com/ at least once!

4 Likes

Thank you for all your replies

too cool, thanks for that!

1 Like

Can’t mention the frog without mentioning the Grid Garden. They go hand in hand. :stuck_out_tongue:

2 Likes

that’s how it goes at the camp man

1 Like

I don’t ever remember how to do anything with flexboxes so I just use this Flexbox Reference on MDN

1 Like