• Wednesday , 21 November 2018

Flexbox vs. CSS Grid — Which is Better?

Code Canyon
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

3d Ocean

Related Posts

29 Comments

  1. Yeni Berry
    October 29, 2018 at 11:52

    This answers my questions about the difference between flexbox and grid. Thank you!

  2. Jonas Haugen
    October 29, 2018 at 11:52

    This looks like a good morning talk show

  3. Diwakar Singh
    October 29, 2018 at 11:52

    fantastic explanation 🙂

  4. ben levy
    October 29, 2018 at 11:52

    Thanks it sorted out my brain…

  5. Christopher Huber
    October 29, 2018 at 11:52

    Good god, these are the clearest and to the point explanations of these tools.

  6. Trần Dương Ngọc Dung
    October 29, 2018 at 11:52

    Thank you..^_^

  7. Thomas Wunner
    October 29, 2018 at 11:52

    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?

  8. Arek
    October 29, 2018 at 11:52

    you sound like The Mother of CSS

  9. Matteo C
    October 29, 2018 at 11:52

    Mattia mi ha detto "Flexbox"

  10. David M
    October 29, 2018 at 11:52

    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.

  11. Bernard Tremblay
    October 29, 2018 at 11:52

    #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

  12. Jagruti Dadia
    October 29, 2018 at 11:52

    Wonderfully explained…thankx.

  13. MrJloa
    October 29, 2018 at 11:52

    3:45 container position:relarive, caption container position:absolute with bottom:0. I see no reason to use grid here, actually

  14. Mossawir Ahmed
    October 29, 2018 at 11:52

    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.

  15. Balla Alin
    October 29, 2018 at 11:52

    Smart Lady right there

  16. Dystopian
    October 29, 2018 at 11:52

    Excellent

  17. Jansenio Gonzales Venegas
    October 29, 2018 at 11:52

    se puede usar grid y flexbox al mismo tiempo?

  18. Benjamin Setor
    October 29, 2018 at 11:52

    I just can't stop listening to her. i'm watching every single video on this channel

  19. Hugo Rivera Anchayhua
    October 29, 2018 at 11:52

    thank u very much……everything very clear…!!!

  20. Jean Deux
    October 29, 2018 at 11:52

    With all due respect for her expertise, I love when she says "bootstrap".

  21. Sol R
    October 29, 2018 at 11:52

    Very helpful as I just started learning about those two subjects.
    Thanks!

  22. Gray Bo
    October 29, 2018 at 11:52

    Jen's discussion of this topic is great for those new to web programming.

  23. Nisarg Rai
    October 29, 2018 at 11:52

    Thanks!!

  24. B Begich
    October 29, 2018 at 11:52

    CSS Grid for outter content of web and flex for inner content (inside of outter aka parents elemented i.e. sections (header, articles.. etc..)).

  25. Rajesh Kumar
    October 29, 2018 at 11:52

    Thanks for the knowledge sharing

  26. john jester
    October 29, 2018 at 11:52

    As far as I'm concerned flexbox and css grid was created by w3c to work together 🙂

  27. Cute Php
    October 29, 2018 at 11:52

    Hi dear
    I am a new in your channel….do you have lessons for( html)?!!!!

  28. S Jankins
    October 29, 2018 at 11:52

    Thank you for the latest features 🙂

  29. Chris Valiente
    October 29, 2018 at 11:52

    2:32 Jen starts throwing up gang signs.

Leave A Comment

You must be logged in to post a comment.