Learn CSS / Flexbox & CSS Grid
Flexbox: container & items
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
Display flex and inline-flex
See the Pen Flexbox / Display / 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
- Any HTML element can be a flex container. Child elements of that container are considered flex items.
- A flex container can be displayed as a block (display: flex) or inline (display: inline-flex).
- By default, flex items width and height are defined by their content.
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.