diff --git a/apple-pie/index.html b/apple-pie/index.html
index a019c8262..55872e756 100644
--- a/apple-pie/index.html
+++ b/apple-pie/index.html
@@ -5,35 +5,51 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Apple Pie Recipe</title>
     <!-- Remember to link your styles -->
+    <link rel="stylesheet" href="./styles/style.css"  />
   </head>
   <body>
-    Apple Pie
+   
 
-    This was my grandmother's apple pie recipe. I have never seen another one quite like it. It will always
+    <div class="parents-photo">
+      <h1 id = "title" style = "text-align: center">Apple Pie</h1> 
+      <img src="./images/apple-pie.jpg" alt="apple-pie"/> 
+    </div>
+    <p class ="paragraph">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! 
+    favorites as well!</p>
+    <img src="./images/recipe-info.png" class="my-image" alt="recipe-info"/> 
+    <div style="margin-left: 10%; margin-right: 10%;">
+      <hr style="height: 2px; background-color:gray; border: none;">
+      <section>
+        <p class = "ingre">Ingredients</p>
+        <br>
+          <ul class="ingredients">
+            <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 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>
+          <img src="./images/cooking-info.png" class="my-im" alt="cooking-info"/> 
+          <hr style="height: 2px; background-color:gray; border: none;">
+          <p class = "dir;">Directions</p>
+          <br>
+            <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>
+      </section>
+    </div>
     
-    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
-
-    Directions
-
-    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. 
-
-    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.
-
-    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.
   </body>
 </html>
diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css
index 7a55b4df4..e58594497 100644
--- a/apple-pie/styles/style.css
+++ b/apple-pie/styles/style.css
@@ -21,4 +21,59 @@ body {
 }
 
 /* STYLES */
-/* Write your CSS below */
\ No newline at end of file
+/* Write your CSS below */
+img {
+  width: 100%;
+  height: auto;
+}
+
+#title {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: white;
+  font-size: 4rem;
+  text-align: center;
+
+}
+
+.paragraph{
+  display: grid;
+  place-items: center;
+  height:20vh;
+  margin-left: 23.5%;
+  margin-right: 23.5%;
+  text-align: justify;
+  font-size:larger;
+}
+
+.my-image{
+  width: 30%;
+  height: auto;
+  text-align: center;
+  margin-left: 35%;
+}
+
+
+
+.my-im{
+  width: 30%;
+  height: auto;
+  text-align: center;
+  margin-left: 35%;
+}
+
+.dir{
+  margin-bottom: 20px;
+}
+
+ul.ingredients {
+  list-style: none; 
+}
+
+ul.ingredients li::before {
+  content: "- ";
+  color: black;
+  margin-right: 5px;
+}
\ No newline at end of file
