Video není dostupné.
Omlouváme se.
Flexbox vs. CSS Grid - Which is Better?
Vložit
- čas přidán 28. 01. 2018
- 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.
It's crazy how your short video easily clarified a few key questions on the use of Flexbox and CSS Grid. As usual, your videos are concise, articulate and insightful. Thanks, Jen!
The way you are clarifying when to use one thing or another in CSS, makes it much more simpler, thank you , happy to found your channel
Wow , possibly the best articulation I’ve been trying to grasp and no one really explained
I am so glad I stumbled on this video. Your way of explaining this gave me so much clarity on the subject. I haven't typed a code of grid but I now feel like I know better than everyone else. Thank you.
Subscribed.
This cleared up a lot of questions for me. Getting ready to jump back into CSS so this helps out a ton. Thanks. Fantastic explanations.
You just blew my mind and its amazing to see a content creator that is over the age of 25 covering these topics. I was just laid off from a 12 year job were I did old school front end design which is now UX/UI design I am at a loss as to what to work on. I am not about the UX/UI merged talents, I dont want to do the research, testing, storyboards, and all that, so I am moving back to front end dev. And man oh man am I excited to see the changes that flexbox, grid, and css pre-processors have brought to the world of front end dev since I set out on my initial journey over a decade ago.
Really struggled to know when to use Flex vs Grid for a long time but when i started developing a CMS system of my own, flexbox really came to its use when i wanted to have a horizontal navigation with a user panel all the way to the right. With flex that was so easy to do while i used grid for the entire layout of the site.
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.
Just found your channel, have only seen this video. Subscribed. You explain things beautifully and have a very soothing voice.
Wow, love this overview of layout choices! Compact yet full of info/exp!
another great channel about web development
This is super helpful! Especially the layout difference between Grid and frameworks like Bootstrap...that cleared up a lot of confusion for me!
Great explanation (w/visuals) of when to use CSS Grid and Flexbox. Thank you, Jen :)
This answers my questions about the difference between flexbox and grid. Thank you!
Jen is the best! So excited for these videos.
I just can't stop listening to her. i'm watching every single video on this channel
Keep up the good work... short and straight to the point.
as someone who learned CSS 10 years ago this was really helpful and cleared up some of my confusion
This was on point short and pricise and also great explanation. Thanks for making it. 🤩
My dilemma of what to choose in which situation solved. 👍
Thank you for explaining differences and when/how one might be used or not. I found this very helpful.
You actually gave me a piece of info i was looking for. Thanks for saving me a lot of time.
The first video I've seen that says something about overlapping! I wouldn't have known this if I didn't watch this video, thanks!
Its actually deeply encoded in their names - FlexBox and Grid, really good representation what they do. Great video!
Thank you very much for bringing out this video. This cleared me my doubts i had on grid and flexbox. Subscribed and will watch rest of videos.
Very Clear and easy examples to understand. Pace of presentation was also very good. Thanks. Will now look at more of your Videos.
Thanks for the video and time u spent on creating this video...short and sweet...
Thank you for sharing this useful information, I kind of knew it, but sometimes until you hear it you don't properly tidy up your mind. For example, I understand perfectly how block and inline works, but looking at your hands in this video, I realised something that I never though of: block and inline are just axes names, and this helped me to understand better other concepts such as the new contain: layout inline-size; Great content!
You are the Carl Sagan of Web Design and Development. You illuminate often arcane concepts wonderfully. Thanks.
Wow, so simple explanation ! Tks from Brazil !
Such a hidden gem of a channel!
nice thanks for this, you made it simple to work and know when to use them properly. Thanks again
Loving these videos! Thank you Jen!
hi gen. love ur beautifull condensed video. i went on my phone just to write a coment on ur video. so many points in a 4 minutes vid. excellent. wish will be more like u. all the best. keep it fun.
Wow, so glad I found this channel!!!
Subbed :D
This is a really fantastic video, Jen. As are all the videos from Layout Land! 💯
Appreciate the explanation, on my way towards getting a career in IT through the Odin Project! Wish me luck
I love this kind of information, thanks for share! ☺️
Clear explanation! New subscriber because of this video.
Thank you for the abstract explanation.
This is amazing. Thanks for your explanation!
Informative and concise! Great video! Subscribed.
Saw this just as I was struggling to overlay two items with absolute 😅 awesome stuff
Great video! You answered my question.
Super clear! Thanks Jen!
this explanantion is very good. I will check your other tutorials, too. I just subscribed. Thank you!
same
2-D (Grid) vs 1-D(flexBox) . Sure that's a lot of information for me 4 today . Thank u so much Layout Land for sharing this up !
Finally a good explanation. Thank you!
Wow.... I really like how you explain things
Super useful, many thanks!
Very nicely explained and presented.
Great.... Its so important and useful to understand the basics.....
I think the 1D vs 2D thing is good, and is probably the simplest explanation. But you can do many 3d layouts in flex, and do many 2d layouts in grid. So I prefer to think of it as:
- Flexbox is good for laying out content based on the instrinsic size of the items (flex-basis)
- Grid is good for placing items on a grid with rows and columns of a set size
Very helpful as I just started learning about those two subjects.
Thanks!
You are welcome.
Very clear and informative: Thank You.
Great video's. You great at teaching and explaining in a simple manner. Thanks!!
Nice clear explanation :)
Nicely put, thanks.
Thank you Jen. 👍
relly i am happy to see yours lessons
Thank you for the latest features :)
Thanks for the tutorial, i get the difference.
Great vid!
Muito bom. Obrigado por legendar em português.
Excellent explanation. Like!
Wow what an interesting video and very highly detailed in which scenarios you’d want each in. Thanks a lot!
You are such a genius ma'am. Ty so much 🧡
Best explanation sorted content.
Wonderfully explained...thankx.
Thank you Jen you have helped me.
Thank you for the insight, senpai.
Great teaching was looking it.
finally this makes sense now, thank you!!
Clear as crystal! Thanx!!
AMAZING EXPLANATION
Hey Jen, your explanations are great. are you planning on doing some tutorial series.
Great explanation!
Awesome tutorial +++++ thank you 🙂🙂
Best web explanation !!!
nicely explained.
Nice video! ❤️
Huge Fan mam, Pure knowledge keep it up.
Thanks madam your 2018 video helps me in 2020. :-)
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.
Diagrams are soooo helpful!
You are very articulate. I love that.
thank you for your brief inro
fantastic explanation :)
Amazing video, thank you for crushing my concerns over whether to still use convention CSS and CSS Grids.
OH God! Thank you, finally Ive found an answer! SUbscribed!
muito boa aula. Thank you very much
thank u very much......everything very clear...!!!
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?
Thank you so much!
CSS for dummies. Thank you!
This was so helpful. Now I wont try to build a whole css grid website lol
Ótimo vídeo. Obrigado pela legenda em português brasileiro.
Thanks!
Great video i really loved it. keep uploading..:-)) Subscribed with the Notifications on..!!!!
Got some pushback on a grid layout the other day that it's less performant than flex because it takes multiple passes to calculate everything. At what component scale is that a consideration to just _not_ use grid at all?
Que buen canal. Se agradece los subtítulos al Español.
Thank you very much for the video. I liked that the video is translated in Arabic. I hope all the videos are translated into Arabic.