Schedule > 4. Intro to CSS

Readings

1. CSS Rules of Thumb.
2. Selectors.
3. Color.
4. Text & fonts.
5. The Box Model.
6. CSS Grid.
7. Media Queries.
8. CSS Grid Garden.
   Please try to complete at least the first 10 levels
9. Flexbox Froggy.
   Please try to 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.
5. Learn CSS Grid by Building 5 Layouts in 17 minutes.

Slides

• Lecture 4: Intro to CSS (Monday, 01/23)
• Lecture 5: CSS Layouts (Wednesday, 01/25)
• Lecture 6: Media Queries & CSS Wrap-Up (Monday, 01/30)

Videos & Lecture Files

Videos and worked examples will be published after class:

• Videos on Google Drive
• Worked examples on GitHub

Activities

1. Lecture 5 files (Wednesday, 01/25)
2. Lecture 6 files (Monday, 01/30)