[ad_1]
https://i.ytimg.com/vi/hs3piaN4b5I/hqdefault.jpg
One of the most commonly asked questions about CSS Grid is “Does CSS Grid replace Flexbox? Is it better than Flexbox? Should I use it instead of Flexbox?” The answer is no — we will use both Grid and Flexbox on most sites, along with flow content, floats, and other CSS for layout. This video explains the differences between Flexbox and Grid, and when to use which one.
Original source
29 responses to “Flexbox vs. CSS Grid — Which is Better?”
This answers my questions about the difference between flexbox and grid. Thank you!
This looks like a good morning talk show
fantastic explanation 🙂
Thanks it sorted out my brain…
Good god, these are the clearest and to the point explanations of these tools.
Thank you..^_^
Thank you very much for that awesome lecture video.
I have one question / suggestion and one point that I don't aggree with it:
1. The question:
I would compare CSS Grid with C# .NET WPF GUI applications and / or with the Java SE GridBagContainer Layout. We know this things for many years in classical PC programming languages as mentioned right in the sentence before. I loved those methods on layouting and I love to see it now as well in the web. That really simplifies things. I hope, we can integrate old browsers using Transpilers or PostCSS. My question is: Do you know if the CSS Grid is 1 to 1 compareable with the .NET WPF and Java SE GridBagContainer?
2. The point that I disagreee (because I did it already successfully):
Indeed you are able to let overlap images using flexbox. Let's say you want to have a small image and a large on in the background. That works simply by using z-index and by using some flex properties on the CSS selectors. Another point to think about it: Is overlapping images, that next to each other not simply done by negative margins or paddings?
you sound like The Mother of CSS
Mattia mi ha detto "Flexbox"
I like how the whole video was smooth and low key and then at the very very end she just drops into random hyperbole. Great vid.
#Lateral – If you're into chakra and such … even just some … not best to have stone or metal at throat point. Best is wood, or bone … maybe even coral. Something that connects to living.
cheers
Wonderfully explained…thankx.
3:45 container position:relarive, caption container position:absolute with bottom:0. I see no reason to use grid here, actually
Thats what really what i wanted to know. Thanks. I need to experiment more because i get so many different type of psds and using grid and using basic css mixed might be good. I dont know if they work togather on IE. I hope i dont have to use shive or some html5 css3 compatibility js.
Smart Lady right there
Excellent
se puede usar grid y flexbox al mismo tiempo?
I just can't stop listening to her. i'm watching every single video on this channel
thank u very much……everything very clear…!!!
With all due respect for her expertise, I love when she says "bootstrap".
Very helpful as I just started learning about those two subjects.
Thanks!
Jen's discussion of this topic is great for those new to web programming.
Thanks!!
CSS Grid for outter content of web and flex for inner content (inside of outter aka parents elemented i.e. sections (header, articles.. etc..)).
Thanks for the knowledge sharing
As far as I'm concerned flexbox and css grid was created by w3c to work together 🙂
Hi dear
I am a new in your channel….do you have lessons for( html)?!!!!
Thank you for the latest features 🙂
2:32 Jen starts throwing up gang signs.