Flexbox vs CSS Grid — 21 of 25

[omarpixel]

Never even knew gap wasn't supported in flexbox before. It's definitely a blessing lol. Also, here from The Odin Project! Good stuff!

[polarseltzer]

Thanks Wes! Always thrilled when your videos are part of an assignment on Odin Project.

[samuelodan]

Nice, here's an additional tip for centering items with grid. "Place-items: center" is short for align-items: center and justify-items center. It also works for content as in "place-content: center".

[andrewhyland]

I can see this will be a video I watch several more times. Thanks for the clear use cases too!

[Suneriins]

This is the most helpfull video ever.Because it saved the time to watch to flexbox 20 series.I learn flexbox too in this one video.

[connorskudlarek]

In case you're here quite a few years from when this was uploaded: grid has support for 96.5% of user browsers right now in December 2022.

[RaulJB]

Congratulations Wes for another great video. You're a master teaching clearly and easily. Thanks for your work!

[joedunder]

In "Known Columns, Unknown Content Width" (14:21), why do you have five columns when it looks like you're only working with four items?

[farhadkhoshnoodi]

awesome, clear, pure, understandable... thanks

[charliespleen]

Longtime Shop Talk listener here. Just now finding my way to your YouTube channel.

Buuuut I have to say, I got excited when I heard that Texas In July song in the intro!

lmaoooo love your shit tho!

[Miguel-dgql]

so essentially you want to use flexbox instead of grid when you want items to wrap without having to follow the rigid grid structure... for all the other cases grid seems to work without a problem

[numamolinapauluk]

great extensions for VSCode!! what are those?

[edp]

dude great vid, may I ask tho why the buttons know to stand far away from the h2 element like the bitches they're when .track sets grid-template-columns: 1fr ?

[cirusa]

Hi Wes, at 0:39 you say Grid can do everything that Flexbox can. Yet at 0:31 and 12:25 you say that some layouts, such as the stacked layout, can only be done in Flexbox. I'm confused..

[selfmadeprogrammer]

Is the background colour on 7:48 BADASS? I have never seen that before.

[Morrile]

Daft question; how did you add the icons into the css and where are they from?

[aryaadinulfadlan]

hi wes, this course is amazing. but i want ask you something about stacked layout exercise.

how to make space-around effect with grid? you don't try it on this video. someone please help me 😭😭

[RunninglVlan]

Hm, I did axis flipping using grid-auto-flow: column

[tincoeani]

"Flexbox doesn't support gap"
Windows/Linux Users : Sorry... Is this some sort of pigeon joke I'm too based to understand?
Edit : Seems like every browsers supports gap for flexbox now so I think there should be a pinned comment to give an update on that. Could be confusing for new CSS learners otherwise.

[bogdancalin]

Watching this video in 2023 when there is gap also for flexbox is so unsatisfying