This course provides an interactive guide to Flexbox, covering topics such as Flex direction, Alignment, Content vs. items, Hypothetical size, Growing and shrinking, flex-basis, flex-grow, flex-shrink, Preventing shrinking, The minimum size gotcha, Gaps, Auto margins, and Wrapping. The course aims to teach learners how to effectively use Flexbox for layout design on web pages. The intended audience for this course is web developers and designers looking to enhance their CSS skills and create more responsive and flexible layouts.
Overview
Syllabus
- Introduction to Flexbox
- Flex direction
- Alignment
- Content vs. items
- Hypothetical size
- Growing and shrinking
- flex-basis
- flex-grow
- flex-shrink
- Preventing shrinking
- The minimum size gotcha
- Gaps
- Auto margins
- Wrapping
- You made it!