Smarter Layouts with flex-basis and flex6:42 with Guil Hernandez
Learn how the flex-basis property gives you even more control over the size of flex items, and how the flex shorthand property intelligently sets flexbox values when you don't specify them.
flex-basisapply to flex items only.
flex-basisspecifies the initial main size of a flex item.
- You set the initial size you want the flex items to be, then flexbox evenly distributes the free space according that size.
flexis the shorthand for
- Using only one number value for
flex-growvalue of an item.
- The second and third values are optional in the
- Setting only one number value for
flexautomatically sets the
You need to sign up for Treehouse in order to download course files.Sign up