Learn CSS / Flexbox & CSS Grid
Flexbox: basis, grow and shrink
Access full course
Pro
- Full downloadable lessons.
- Ready-to-use code.
- Full refund within 30 days.
- Challenges based on real projects.
- Quiz tests.
- Future updates.
Master
- Full downloadable lessons.
- Ready-to-use code.
- Full refund within 30 days.
- Challenges based on real projects.
- Quiz tests.
- Future updates.
- 1 Hour online tutoring session.
- 20% discount on future courses.
Ready-to-use code
Flex-grow
See the Pen Flexbox / Flex-grow / Flexbox & CSS Grid workshop by In a Rocket (@inarocket)on CodePen.
Flex-shrink
See the Pen Flexbox / Flex-shrink / Flexbox & CSS Grid workshop by In a Rocket (@inarocket)on CodePen.
Best books to learn Flexbox & CSS Grid
The New CSS Layout by A Book Apart
Flexbox in CSS by O'Reilly Media
Grid Layout in CSS: Interface Layout for the Web by O'Reilly Media
CSS Grid Layout: 5 Practical Projects by SitePoint
What you have learned
- Learn how flex basis specifies the initial main size of the flex item.
- How flex grow determines how much the flex item will grow relative to the rest of the flex items.
- How flex shrink sets how much the flex item will shrink.
References
Newsletter
- Free Stuff. Exclusive access to new courses, latest news and free resources.
- No spam. Just real content that's meant to make a difference.