The ability to reply to discussions is limited to PRO members. Want to join in the discussion? Click here to subscribe now.

Defining dimensions on flexbox children using flex-basis

Defining dimensions on flexbox children using flex-basis

1:38
The flex-basis property allows us to define the dimension (along the flex-direction axis) that a flexbox child should ideally have.
Watch this lesson now
Avatar
egghead.io

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

Avatar
Rodrigo

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

Thanks!

Avatar
Garth

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

In reply to Rodrigo
HEY, QUICK QUESTION!
Joel's Head
Why are we asking?