diff --git a/apple-pie/index.html b/apple-pie/index.html
index a019c8262..850a18f68 100644
--- a/apple-pie/index.html
+++ b/apple-pie/index.html
@@ -4,36 +4,68 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Apple Pie Recipe</title>
+    <link rel="stylesheet" href="styles/style.css" />
     <!-- Remember to link your styles -->
   </head>
   <body>
-    Apple Pie
+    <h1>Apple Pie</h1>
 
-    This was my grandmother's apple pie recipe. I have never seen another one quite like it. It will always
-    be my favorite and has won me several first place prizes in local competitions. I hope it becomes one of your
-    favorites as well! 
-    
-    Ingredients 
-    
-    1 recipe pastry for a 9 inch double crust pie 
-    1/2 cup unsalted butter 
-    3 tablespoons all-purpose flour
-    1/4 cup water
-    3 tablespoons all-purpose flour
-    1/4 cup water 1/2 cup white sugar
-    1/2 cup packed brown sugar
-    8 Granny Smith apples - peeled, cored and sliced
+    <div class="container">
+      <p id="subtitle">
+        This was my grandmother's apple pie recipe. I have never seen another
+        one quite like it. It will always be my favorite and has won me several
+        first place prizes in local competitions. I hope it becomes one of your
+        favorites as well!
+      </p>
 
-    Directions
+      <img src="images/cooking-info.png" alt="apple pie cooking information" />
+      <hr />
 
-    Preheat oven to 425 degrees F (220 degrees C).Melt the butter in a saucepan. Stir in flour to form a paste. Add water, white sugar and brown sugar, and bring
-    to a boil. Reduce temperature and let simmer. 
+      <section id=ingredients class="instructions">
+        <h2>Ingredients</h2>
+        <div class="container">
+        <ul>
+          <li>1 recipe pastry for a 9 inch double crust pie</li>
+          <li>1/2 cup unsalted butter</li>
+          <li>3 tablespoons all-purpose flour</li>
+          <li>1/4 cup water</li>
+          <li>3 tablespoons all-purpose flour</li>
+          <li>1/4 cup water</li>
+          <li>1/2 cup white sugar</li>
+          <li>1/2 cup packed brown sugar</li>
+          <li>8 Granny Smith apples - peeled, cored and sliced</li>
+        </ul>
+        </div>
+      </section>
 
-    Place the bottom crust in your pan. Fill with apples, mounded
-    slightly. Cover with a lattice work crust. Gently pour the sugar and butter liquid over the crust. Pour slowly so
-    that it does not run off.
+      <img src="images/recipe-info.png" alt="apple pie cooking information" />
+      <hr />
 
-    Bake 15 minutes in the preheated oven. Reduce the temperature to 350 degrees F (175
-    degrees C). Continue baking for 35 to 45 minutes, until apples are soft.
+      <section id=directions class="instructions">
+        <h2>Directions</h2>
+
+        <div class="container">
+          <ol>
+            <li>
+              Preheat oven to 425 degrees F (220 degrees C). Melt the butter in
+              a saucepan. Stir in flour to form a paste. Add water, white sugar
+              and brown sugar, and bring to a boil. Reduce temperature and let
+              simmer.
+            </li>
+            <li>
+              Place the bottom crust in your pan. Fill with apples, mounded
+              slightly. Cover with a lattice work crust. Gently pour the sugar
+              and butter liquid over the crust. Pour slowly so that it does not
+              run off.
+            </li>
+            <li>
+              Bake 15 minutes in the preheated oven. Reduce the temperature to
+              350 degrees F (175 degrees C). Continue baking for 35 to 45
+              minutes, until apples are soft.
+            </li>
+          </ol>
+        </div>
+      </section>
+    </div>
   </body>
 </html>
diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css
index 7a55b4df4..b76fdac2a 100644
--- a/apple-pie/styles/style.css
+++ b/apple-pie/styles/style.css
@@ -5,11 +5,22 @@ html {
   font-size: 16px;
 }
 
-*, *:before, *:after {
+*,
+*:before,
+*:after {
   box-sizing: inherit;
 }
 
-body, h1, h2, h3, h4, h5, h6, p, ol, ul {
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ol,
+ul {
   margin: 0;
   padding: 0;
   font-weight: lighter;
@@ -21,4 +32,68 @@ body {
 }
 
 /* STYLES */
-/* Write your CSS below */
\ No newline at end of file
+/* Write your CSS below */
+
+h1 {
+  background-image: url(../images/apple-pie.jpg);
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+
+  height: 30vh;
+  width: 100%;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  color: white;
+  text-align: center;
+}
+
+.container {
+  width: 95%;
+  margin: 40px auto;
+}
+
+#subtitle {
+  font-size: 1.2rem;
+  padding: 20px 0 20px 0;
+}
+
+ol {
+  /* 1. Remove the default list style */
+  list-style: none;
+}
+
+ol > li {
+  /* 2. Create a custom list counter */
+  counter-increment: listcounter;
+}
+
+ol > li::before {
+  /*3. Set the new style for the list markers */
+  content: counter(listcounter) ")";
+}
+
+h2 {
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+ul{
+  list-style: none;
+  padding-left: 0;
+}
+
+ul > li::before {
+  content: "-";
+}
+
+img {
+  align-items: center;
+  display: block;
+  margin: 0 auto;
+  width: 40%;
+  height: auto;
+}
