Schedule > 4. CSS Layouts + Paper Presentations

Readings

1. Units.
2. Media Queries.
3. CSS Flex.
4. CSS Grid.
5. CSS Grid Garden.
   Complete at least the first 10 levels
6. Flexbox Froggy.
   Complete at least the first 10 levels

Optional Readings

1. When to use Flex versus CSS Grid?.
2. CSS Tricks: A Complete Guide to Grid.
3. CSS Tricks: A Complete Guide to Flexbox.
4. W3 Schools Flexbox Guide.

Slides

• Lecture 6: CSS Layouts (Friday, 09/06)

Activities

• Lecture 6 files (Friday, 09/06)