DevMountain · beauhaus · Nov 2, 2016
diff --git a/.DS_Store b/.DS_Store
diff --git a/README.md b/README.md
diff --git a/base/base.css b/base/base.css
diff --git a/level-1/.DS_Store b/level-1/.DS_Store
diff --git a/level-1/index.html b/level-1/index.html
diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css
@@ -7,17 +7,17 @@
 
 }
 
-/* Step-1.2 I would suggest using float to get this container in it's desired location*/
+/* Step-1.2 I would suggest using float to get this container in its desired location*/
 
 .content-left {
  width: 33.3%;
- /*this height is a placeholder. You will need to make some adjustment to get this container to look like the design */
+ /*this height is a placeholder. You will need to make some adjustments to get this container to look like the design */
  height: 100px;
  background: #565555;
 }
 
 
-/* Step-1.3 I would suggest using float to get this container in it's desired location. */
+/* Step-1.3 I would suggest using float to get this container in its desired location. */
 
 .content-mid {
  width: 66.3%;
@@ -27,7 +27,7 @@
 
 }
 
-/* Step-1.4 your going to want to add a positioning property to get this container to the bottom of the screen */
+/* Step-1.4 you're going to want to add a positioning property to get this container to the bottom of the screen */
 
 .footer {
  width: 100%;

diff --git a/level-1/step-1/step-1.jpg b/level-1/step-1/step-1.jpg
diff --git a/level-1/step-2/step-2.css b/level-1/step-2/step-2.css
diff --git a/level-1/step-2/step-2.jpg b/level-1/step-2/step-2.jpg
diff --git a/level-1/step-3/step-3.css b/level-1/step-3/step-3.css
@@ -4,7 +4,7 @@
 }
 
 
-/* Step-3.3 add a margin top to give this container some space. Also your going to want to set the margin-left and margin-right to auto. This will give equal distance left and right to the container. Essentially centering the container */
+/* Step-3.3 add a margin top to give this container some space. Also you're going to want to set the margin-left and margin-right to auto. This will give equal distance left and right to the container--essentially--centering the container */
 .content-container {
  background: #D8D8D8;
 }
@@ -14,4 +14,4 @@
 
 .content {
 
-}
+}
diff --git a/level-1/step-3/step-3.jpg b/level-1/step-3/step-3.jpg
diff --git a/level-1/step-4-possible-solution/solution.html b/level-1/step-4-possible-solution/solution.html
diff --git a/level-1/step-4-possible-solution/step-1.css b/level-1/step-4-possible-solution/step-1.css
diff --git a/level-1/step-4-possible-solution/step-2.css b/level-1/step-4-possible-solution/step-2.css
diff --git a/level-1/step-4-possible-solution/step-3.css b/level-1/step-4-possible-solution/step-3.css
diff --git a/level-2/.DS_Store b/level-2/.DS_Store
diff --git a/level-2/index.html b/level-2/index.html
diff --git a/level-2/step-1/level-2-step-1.jpg b/level-2/step-1/level-2-step-1.jpg
diff --git a/level-2/step-1/step-1.css b/level-2/step-1/step-1.css
@@ -5,7 +5,7 @@
  height: 375px;
  background: #F7F1E7;
  position: relative;
- /*You will need to add a position property to get this to look like he design */
+ /*You will need to add a position property to get this to look like the design */
 
 }
 
@@ -18,7 +18,7 @@
 }
 
 /* Step-1.2 You need to get all of these elements to line up side by side. What display property would do this for you? */
-/* Step-1.2 You will also need t add a position property to the logo and sign in containers */
+/* Step-1.2 You will also need to add a position property to the logo and sign in the containers */
 
 .menu {
  width: 100px;
@@ -42,7 +42,7 @@
 
 }
 
-/* Step-1.3 Make this container overhang off it's parent container. */
+/* Step-1.3 Make this container overhang off its parent container. */
 
 .bottom-container {
  width: 60%;

diff --git a/level-2/step-2/Level-2-step-2.jpg b/level-2/step-2/Level-2-step-2.jpg
diff --git a/level-2/step-2/step-2.css b/level-2/step-2/step-2.css
@@ -1,5 +1,5 @@
 
-/* Step-2.1 add a property that will align items center */
+/* Step-2.1 add a property that will align items in the center */
 .main-bottom-section {
  margin-top: 65px;
  /* alignment property */

diff --git a/level-2/step-3-possible-solution/solution.html b/level-2/step-3-possible-solution/solution.html
diff --git a/level-2/step-3-possible-solution/step-1.css b/level-2/step-3-possible-solution/step-1.css
@@ -17,7 +17,7 @@
 }
 
 /* Step-1.2 You need to get all of these elements to line up side by side. What display property would do this for you? */
-/* Step-1.2 You will also need t add a position property to the logo and sign in containers */
+/* Step-1.2 You will also need t add a position property to the logo and sign in the containers */
 
 .menu {
  width: 100px;
@@ -49,7 +49,7 @@
 
 }
 
-/* Step-1.3 Make this container overhang off it's parent container. */
+/* Step-1.3 Make this container overhang off its parent container. */
 
 .bottom-container {
  width: 60%;

diff --git a/level-2/step-3-possible-solution/step-2.css b/level-2/step-3-possible-solution/step-2.css
diff --git a/level-3/.DS_Store b/level-3/.DS_Store
diff --git a/level-3/img/Background.png b/level-3/img/Background.png
diff --git a/level-3/img/HighClub_BG.mp4 b/level-3/img/HighClub_BG.mp4
diff --git a/level-3/img/Tops.png b/level-3/img/Tops.png
diff --git a/level-3/img/accessories.png b/level-3/img/accessories.png
diff --git a/level-3/img/bottoms.png b/level-3/img/bottoms.png
diff --git a/level-3/img/collection.png b/level-3/img/collection.png
diff --git a/level-3/img/hats.png b/level-3/img/hats.png
diff --git a/level-3/img/icons/MENU.png b/level-3/img/icons/MENU.png
diff --git a/level-3/img/icons/Shop_Deals.png b/level-3/img/icons/Shop_Deals.png
diff --git a/level-3/img/icons/Sign_In.png b/level-3/img/icons/Sign_In.png
diff --git a/level-3/img/icons/dev-shop.png b/level-3/img/icons/dev-shop.png
diff --git a/level-3/img/kicks.png b/level-3/img/kicks.png
diff --git a/level-3/index.html b/level-3/index.html
@@ -20,7 +20,7 @@
 </head>
 <body>
 <main class="main-wrapper">
- <!-- Step-1.1 add a background image that take up the entire width of container -->
+ <!-- Step-1.1 add a background image that takes up the entire width of container -->
  <section class="main-top-section">
  <header class="top-header">
 
@@ -33,7 +33,7 @@
  <img class="logo-icon" src="" alt="logo icon">
  </div>
  <div class="sign-in">
- <!-- Step-1.4 add the path to the sign-in image on the src attribute -->
+ <!-- Step-1.4 add the path to the sign-in image on the src attribute -->
  <img class="sign-in-icon" src="" alt="sign in icon">
  </div>
  </header>

diff --git a/level-3/step-1/Level-3-step-1.png b/level-3/step-1/Level-3-step-1.png
diff --git a/level-3/step-1/step-1.css b/level-3/step-1/step-1.css
diff --git a/level-3/step-2/Level-3-step-2.png b/level-3/step-2/Level-3-step-2.png
diff --git a/level-3/step-2/step-2.css b/level-3/step-2/step-2.css
diff --git a/level-3/step-3/step-3.css b/level-3/step-3/step-3.css
diff --git a/level-3/step-4-possible-solution/responsive.css b/level-3/step-4-possible-solution/responsive.css
diff --git a/level-3/step-4-possible-solution/solution.html b/level-3/step-4-possible-solution/solution.html
diff --git a/level-3/step-4-possible-solution/step-1.css b/level-3/step-4-possible-solution/step-1.css
diff --git a/level-3/step-4-possible-solution/step-2.css b/level-3/step-4-possible-solution/step-2.css