HTML and CSS / Week 5

In Week 5, we’re looking at Media Queries and how we can use them to create a website that responds to changing screen sizes without reloading.

Also, we’re exploring what it means to develop mobile-first.

Homework:

  • Remix the Project (link below)
  • Implement the weather forecast for the weather widget
  • On small screens (e.g. < 420px), the forecast is supposed to be shown in a column
  • On bigger screens (> 420px), the forecast is supposed to be shown in a row

Links: