06 // Responsive design + animation

Intro

This week, you’ll start writing media queries to adapt your Project 2 designs for a variety of viewports.

Sync Up

• Feedback/insights from Project 1 grading
• Questions:
  • Sass
  • Project 2 setup
• Review markup for Project 2

Activities

• Merging Project 1
• Media queries
• Images
  • Image types and optimization
  • SVGs
  • Adding images to Glitch
• CSS interactions:
  • Transition
  • Transform
  • Animation + KeyframesFollowing and reading this link is optional.✳️