Finally understanding Flexbox flex-grow, flex-shrink and flex-basis! - Tutorial 11 of 20 💪

Показать описание

Рекомендации по теме

Комментарии

Bro, you're better than the official documentation and all those lame tutorials combined! Great work!

i-heart-google

I spent a lot of time reading the documentation, but eventually understood it in your ten minutes video! So incredible.

jarrychen

Watching all other videos, I wondered why the width of one is not in proportion to the other. You made it so clear that the extra room is divided in that proportion. Awesome! Two questions: 1. What is flex-basis when flex:1 is used? 2. What is the difference between using width vs flex-basis on a flex item?

Powerful-Manifestor-

i have watched lots of youtube videos about flex-grow and shrink., i really didn't understand them properly after i watched this it's gave the clear concept about flex-grow and flex-shrink.Thank you very much Wes Bos

arifulislamadil

this video gave me more understanding of flex shorthand. Thank you

nellypolly

You are a gem. The CSS tricks article dedicated to this topic failed me this time

dudakoff

You're an incredible teacher. Thank you

ajcics

Thankyou so much for such an easy explanation!!

prajwalpandeshwar

love your gentle voice bro ! thank you :)

rafayzia

Great explanation! I now understand more about these properties, thank you!
I gotta note that the intro is very loud and your voice is very low, but this video is 7 y o so might have changed.

pilloIMNG

Thank You so much for the clear explanation

shivarammuthukumaraswamy

This video was really helpful! Helped a lot! I was very confused when it comes to these three properties.
Thanks a lot!!

suyashpurwar

Really, really well explained - thank you!

matthewbell

way better explanation than codecademy

Bruce-Baum

I had to refresh my memory about flexbox, and this video was great for that, thank you c;

StrangeIndeed

This is a beautiful explanation, Thank you!

Stone_

Good tutorial.
You can also enable the browser's responsive "toggle device toolbar" tool e.g. Chrome to resize the frame instead of resizing your entire browser window.

codeme

Oh my god, this intro is soooo annoying. It is still a great tutorial.

armandoperez

Finally understanding Flexbox flex-grow, flex-shrink and flex-basis! - Tutorial 11 of 20 💪

Finally understanding Flexbox flex-grow, flex-shrink and flex-basis! - Tutorial 11 of 20 💪

Flex grow, shrink, basis | CSS Flexbox tutorial

Compare Flex Grow and Flex Shrink within a Flexbox Container

6 Advanced Flexbox Features You Probably Don’t Know

Flexbox Basics: flex-grow, flex-shrink, flex-basis

I finally found a great use-case for flex-basis!

flex / flex basis, flex grow и flex-shrink из модуля флексбокс / flexbox уроки...

CSS Flexbox Tutorial #3 - Flex Grow

Understanding Flex-Grow and Flex-Shrink in CSS Flexbox

CSS Flexbox Tutorial #4 - Flex Shrink

Learn Flexbox flex-shrink in 14 seconds.

How Do Flex-Basis, Flex-Grow, Flex-Shrink Work? | CSS Flexbox

Learn Flexbox CSS in 8 minutes

CSS Flex Shrink (flex-shrink) Explained - Beginner Flexbox Tutorial

Flexbox, flex-basis, flex-shrink, flex-grow, flex-wrap

Flexbox flex-grow, flex-shrink y flex-basis

Learn Flexbox flex-grow in 19 seconds

How to take control of Flexbox

flex-basis, flex-grow, flex-shrink. flexbox погружение

Разбираем как работают flex-basis flex-grow flex-shrink

Flexbox Tutorial - 14 - Flex Shrink

The thing people get wrong about flex-basis

CSS Flexbox - Часть 3 - Flex-grow, flex-shrink, flex-basis

Flexbox Tutorial - 13 - Flex grow