Why You Should Learn CSS Grid Before Flexbox

This week I'll talk about why I believe Grid is simpler and more intuitive to learn first compared to Flexbox, exploring some common misconceptions, the complexity of Flexbox, and how learning Grid first sets you up for success.
My primary KZbin channel where I teach frontend development, with a strong focus on CSS: / @kevinpowell
✉ The written version of my newsletter: www.kevinpowel...
💬 Come hang out with other dev's in my Discord Community: / discord
Help support my channel
👨‍🎓 Get a course: www.kevinpowel...
👕 Buy a shirt: teespring.com/...
💖 Support me on Patreon: / kevinpowell

[@tomaszgora4353]

I just went through a web and mobile Dev course bachelor year in a major uni in Scotland and the web guy thought us jQuery, echoing markup with PHP on the page one line at a time, and making layouts with tables. You don't talk to me about the way we're being taught and trigger my traumas 😭

[@zackysh_]

I will be brief, but I think that "solution based" resources are part of why people don't choose the right tools; I see this happening in Java code-bases, but much more frequently in CSS and Typescript ones. EDIT: I have to point, "unofficial solution based" resources; official sites often suggest the appropiate tools.

[@daveturnbull7221]

When flexbox first came out I tried learning it and failed. I persevered and failed. Eventually I just went back to how I did stuff before. Then grid arrived and I thought gret, another thing to totally baffle me. I could not have been more wrong. Straight away it just clicked. took me a while to grasp some of the nuances but the basics just seemed natural. Since learning grid and thanks to your videos I've now got a very simple understanding of he basics of flexbox and am able to use it when appropriate but I'll always look to grid first to see if it is the best fit for what I need.

[@rafagleich2258]

Hi Kevin, First of all big thanks for all of your content. You make me fall in love with CSS. You are truly a CSS wizard. Secondly, I tried to open podcast link from your newsletter but it doesn’t seem to work. I can access the website, but play button doesn’t work, and it shows that podcast is 00:00:01 (1 sec) long. Best, Rafal

[@zig5712]

I really want to use grid more but I have yet to encounter a situation where it feels more straightforward (Not that there are no use cases, i just personally haven't run into them yet, i'm very new). The biggest draw for me towards the grid system is by far the fraction unit system even if it can be reproduced in flex, fr literally makes sense, there's no magic behind it, it just does what it says it does.

[@KelseyThornton]

I found grid to be more intuitive than flexbox and so, much easier to learn.

[@ELStalky]

Agree for the most part but have to say that `fr` has some unintuitive behavior, too.