Avoid making this mistake in your CSS

Come hang out with other dev's in my Discord Community

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[jimfilbert]

When Lorem Ipsum sometimes is a little awkward.

[undefinednullblank]

Concise video content that does not inundate viewers, with an awesome background video that demonstrates perfectly what you are saying. You’re the best Kevin

[pupinarvaja]

not gonna lie. I use flexbox just bc I never took the time to truly learn grid. Gonna study more

[Hugmeman]

That's actually the most helpful explanation Ive ever heard. I understand it now! Thanks, Kevin!

[maerosss]

Me after watching: "Yeah, you're right, I shouldn't always use flexbox"
*continues to use flexbox for everything :-)

[sidewaysdesign]

This helps explain the ‘flex‘ in flexbox,

[francescovetere]

I absolutely love grid, but one thing I think flexbox is really superior at is easily get your items reversed over the main axis ("flex-direction: row-reverse/column-reverse").
Of course you can do the same with grid, throwing a bunch of "order" on your grid items, but flexbox is just much more concise here :)
As always, thanks for your great content Kevin, you are my inspiration to keep going and doing what I love!

[mezza]

Kevin, from the bottom of my heart, thank you. You made CSS learning fun and tolerable for me sir.

[leonardoraele]

You actually just convinced me to go learn grid layout. I've been using only flexbox for evething at this point.

[stanmuller]

Best concise explanation on how to know when to use each. 👍🏼

[bobdinitto]

I've found both flex and grid very useful. Neither is best and they can work together quite effectively.

[MedGfxDon]

what I see from many youtubers and course creators is taking a general rule of shaping the layout ( header, main, sections and footer ) using grid, and then playing with the position of the childrens inside any box using flexbox, like framing the header using grid but positioning the nav area using flexbox which makes a bit of a sense and makes a good colab between the two

[toshitsingh]

Few months back I was also doing the same mistake. I was soo comfortable with flex box that I didn't wanted to learn grid and I was avoiding it. But with using right layout in right place, makes life much better.

[balubalaji]

wow, more structured layout vs intrinsic layout. nice way of explaining

[acidhauss]

Good analogy (i.e. rough layout, flexbox, exact, grid).

However I do understand the hesitation to use grid, it is always a pain to have to dig out old code and remember the way to do 'something', whereas with flexbox all you need is the chrome devtools

[Pixels_and_Points]

I've never seen this explained so well.

[rehkmansa]

Yeah I needed this

I had become so hooked on grid

[lethienngan]

Flex for small things and grid for the layout

[RealCaptainAwesome]

Thanks. I am comfortable with flex but am remaking an old project and I think grid will help me.

[fancybaguette]

What is that sorcery in the grid-template-columns