Flexbox vs. CSS Grid: Which Should You Use and When? - Envato
video description
Date: 2022-09-19
Related videos
Comments and reviews: 11
Marcel
Flex-grow: 1; doesn't mean all columns get the same width, only when you set flex-basis for all items in the container to 100%. .container > flex-basis: 100%. You may also have to set box-sizing to border-box as well if you use different margins, peddings or borders for the item as they affect the size as well.
reply
Flex-grow: 1; doesn't mean all columns get the same width, only when you set flex-basis for all items in the container to 100%. .container > flex-basis: 100%. You may also have to set box-sizing to border-box as well if you use different margins, peddings or borders for the item as they affect the size as well.
reply
Thomas
Talking as a somebody which is learning Web Development from only 1 month. your explanations method is incredibly effective! You clarified so much in such a short and pragmatic video!
reply
Talking as a somebody which is learning Web Development from only 1 month. your explanations method is incredibly effective! You clarified so much in such a short and pragmatic video!
reply
Art
Thank you for teaching these layouts in an easy to understand way. I see opportunities to use both. Others make flexbox and grid so hard to understand but you've simplified it for us.
reply
Thank you for teaching these layouts in an easy to understand way. I see opportunities to use both. Others make flexbox and grid so hard to understand but you've simplified it for us.
reply
Based
If we want a FLEXIBLE layout (the layout adapts to fit the content, we use flex.
If we want a more fixed layout (the content adapts to fit the layout, we use grid.
reply
If we want a FLEXIBLE layout (the layout adapts to fit the content, we use flex.
If we want a more fixed layout (the content adapts to fit the layout, we use grid.
reply
Godnez
I had such a hard time understanding which one to use and when, but, man, this video. you just made it the easiest thing on earth. Thanks!
reply
I had such a hard time understanding which one to use and when, but, man, this video. you just made it the easiest thing on earth. Thanks!
reply
mubafaw
Wow! Very objective with clear explanations and good example to support use case scenarios. Exactly what I was looking for. Thank you.
reply
Wow! Very objective with clear explanations and good example to support use case scenarios. Exactly what I was looking for. Thank you.
reply
Song
Man, this video is perfect! Love your voice, love the content, love the IE jokes. I just love this video, thanks for making it!
reply
Man, this video is perfect! Love your voice, love the content, love the IE jokes. I just love this video, thanks for making it!
reply
MrMrwilson11
For the most part, if you know Flex, Grid is almost the same with the exception of how you place elements in design
reply
For the most part, if you know Flex, Grid is almost the same with the exception of how you place elements in design
reply
Zeeshan
The way you explain things makes it super easy to understand. Thanks for the video. It was very informative.
reply
The way you explain things makes it super easy to understand. Thanks for the video. It was very informative.
reply
Alex
Hello thanks for the great overview. Where can we find the card layout tutorial mentioned at 8: 20. Thanks!
reply
Hello thanks for the great overview. Where can we find the card layout tutorial mentioned at 8: 20. Thanks!
reply
itech
Thank you, sir. It is helpful content. for sure I replay this video so that I pined on top of my browser.
reply
Thank you, sir. It is helpful content. for sure I replay this video so that I pined on top of my browser.
reply
Add a review, comment
Other channel videos
