CSS Pratices (Flexbox, Grid, PostCSS, CSSNext)
- CSS Flex Basics
- Main Axis and Cross Axis
- Flex Direction
- Flex Wrap
- Align Self
- CSS Grid Basics ( Row, columns and gaps)
- Auto columns, auto rows
- Template Areas
- fr unit, repeat
- minmax, max-content, min-content
- auto-fill, auto-fit
- Justify Content, Align Content and Place Content
- Justify Items, Align Items and Place Items
- Grid Column, Column Start and End
- Line Naming
- Grid Row, Row Start and End
- Grid Area
- Justify, Align, Place Self
- Installing Parcel
- Configuring PostCSS
- Testing
- :matches , :not
- CSS Variables
- @custom-selector
- @custom-media
- Media Query Ranges
- color-mod, gray(), system-ui
- Nesting Rules
- CSS Grid Kiss
- Practice Flexbox
- Practice Grid