Kevin Powell - Flexbox vs. Grid

Creating layouts with CSS can be tricky, and it's complicated by the fact that we have two different layout tools in Flexbox and Grid.
Deciding which one to use in any given situation isn't always obvious, but it can be made a lot easier when we lean into the strengths of each one.
In this talk, we'll break down what the strengths of both Flexbox and Grid are, helping you simplify the decision-making process and getting you working with the best tools for the job.
-------------------------------------
If you love CSS, have a look at the CSS Café - Online Meetup:
www.meetup.com...
/ css__cafe​
// For more CSS tricks and tips visit our blog.
Layout with CSS: 9elements.com/...
Gradient angels in CSS: 9elements.com/...
CSS border radius: 9elements.com/...
+++ About Kevin Powell +++
Kevin loves CSS and does everything he can to help people be less frustrated with CSS, and maybe even fall in love with it too, primarily through his RUclips channel, as well as with online courses.
-------------------------------------
// Follow 9elements for more digital content.
Instagram: / ​
Twitter: / 9elements​
Blog: 9elements.com/...
LinkedIn: / 9elements-agency

[@jxclark13]

Thanks so much for this! I really needed someone to simplify these two approaches for me. Leave it to Kevin to accomplish that goal.

[@o7o7okok15]

I hear the flexbox for 1D grid for 2D layout advice repeated often even by experienced and skilled devs. This is a very helpful contrast that dives deeper into why that may or may not be the case and more about how flexbox and grid work under the hood. Thanks so much.

[@yashwanthsrini]

Great video. Thanks to Kevin and everyone else involved.

[@ajdrag]

Thank you again, Sensei Powell.

[@drviagrin3798]

Thank you! Very enlightening!

[@alistoicakovacs1198]

Amazing video! Very helpful and very informative! Thanks for sharing it with us!

[@erling5148]

Kevin is great as usual

[@kevinwaag9976]

this is amazing!!

[@a.noumen]

thanks a lot)