Layout resources
Here are the slides and demos from class today, about layout.
First, the slides (in PDF format).
Second, the demos and links:
- normal flow
- floats
- table layout (for forms)
- flex direction
- flex alignment
- flex sizing
- flexbox froggy (game)
- relative positioning
- absolute positioning
- fixed positioning
- sticky positioning
- App Lab (as mobile-first responsive web design)
- CSS grid is well supported
- MDN tutorial for grid layout
- grid garden (game)