Supply

Setup

1. Inside your morning exercise folder, create a folder called supply
   
2. Inside your new supply folder, create an index.html file.
   
3. Inside your supply folder, create a style.css file.
   
4. Add the boilerplate to your html file.
   
5. Connect your CSS file to your HTML file and make sure that it is attached (hint: give the body a background color temporarily)
   
6. NOTE: All images you'll need to recreate the mockup are provided for you in the img folder

Before diving in: Review what wireframing is and how to use it for building a layout with HTML and CSS.

1. Guide to Wireframes
2. Example video of Karolin wireframing the supply mockup
3. Example image of wireframing the supply mockup by hand

Flexbox Resources:

A Complete Guide to Flexbox (CSS Tricks)
Equidistance Spacing- examples of failed attempts and wins