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.
- 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