Day 2

Take Home Review
Responsive Web Design
Daily Challenge
Flexbox
Final Project Overview
Take Home Challenge

Questions?

Overview of the Basics
Media Viewport
Media Queries

Media Queries for Standard Devices

You can also view a site's mobile responsiveness by: right-click > inspector > toggle device toolbar (top left - tablet/phone icon)

Using your repository from Day 1:
Create a new branch called "daily-challenge"
Create media queries for the following breakpoints:

480px
768px
1024px

Change the background color of the header at each breakpoint
Push your changes to your daily-challenge branch

A Guide to Flexbox (CSS-Tricks)

View Final Project Details
Questions?

Try this game: Flexbox Froggy