Learn Flexbox in 30 days with 30 code tidbits ✨
Topics
- Introduction
- Flex Container & Flex Items
- Immediate Child Only
- Flexbox Axes
- Flexbox Module
- Parent Properties
- Display
- block vs inline
- flex-direction
- flex-wrap
- flex-flow
- justify-content [row]
- space-around vs space-evenly
- justify-content [column]
- align-items [row]
- baseline
- align-items [column]
- align-content
- Child Properties
- order
- flex-grow
- flex-grow calculation
- flex-shrink
- flex-shrink calculation
- flex-basis
- flex-basis vs widths
- flex
- align-self
- Flexbox Properties
- Flexbox Cheatsheet
🎉 So excited to finally release the entire series. I’ve been posting these as daily tidbits on my social media. You can now binge and download all 30 tidbits all at once!