Lab 18: Responsive Design

Challenges

This lab is about styling a website to scale properly across different devices.

Problems

At first, all of my sections were lined up side to side. I fixed this by adding "flex-wrap: wrap;" to the flex class. My sections now appear on different "lines."

Results

This page resizes elements and moves them around depending on the size and orientaiton of the device screen!