Week 4

CSS Layout

Intro

This week you’ll wrap up Project 1, dive into Project 2, and expand your understanding of what’s possible with modern CSS layout by learning about flexbox and grids.

Sync Up

1. Project 1 check-in and troubleshooting
   • compare the information hierarchy from your Priority Guides to the typographic hierarchy of the final pages
2. Review the box model and the creation of layouts with Flexbox
3. Introduce Project 2

Activities

• Read about the CSS box model
• Learn/review CSS positioning
• Read CSS Grid for Designers (13 mins)
• Watch Innovative & Practical Graphic Design with CSS Grid (14 mins)
• Watch CSS Grid like you are Jan Tschichold (14 mins)

Assignment

• Follow a tutorial on Flexbox
• Begin Project 2 and complete its research phase