Defining dimensions on flexbox children using flex-basis

Share this video with your friends

Send Tweet

The flex-basis property allows us to define the dimension (along the flex-direction axis) that a flexbox child should ideally have.

Rodrigo
Rodrigo
~ 5 years ago

Hi Garth, what do you mean when you say "If is has enough room" at the end of this lesson?

Thanks!

Garth Braithwaite
Garth Braithwaiteinstructor
~ 5 years ago

When setting the flex-basis will fill the available space until it hits that value, if it cannot hit that value it will just fill the available space.

I made an example https://jsbin.com/gocovoluge/edit?html,css,output