diff --git a/apple-pie/index.html b/apple-pie/index.html index 970b1de..9882e73 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -1,21 +1,47 @@ - + Apple Pie Recipe - - - - Apple Pies 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 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. - + + + +
+ apple pie +

Apple Pie

+
+
+
+

This was my grandmother's apple pie recipe. I have never seen another one quite like it. It has always been my favorite and has won me several first place prizes in local competitions. I hope it becomes one of your favorites as well!

+
+ +
+ +
+
+
+

Ingredients

+ + +
+
+
+

Directions

+
    +
  1. Preheat oven to 425°F (220°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.
    2. +
  2. 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.
    3. +
  3. Bake 15 minutes in the preheated oven. Reduce the temperature to 350°F (175°C). Continue baking for 35 to 45 minutes, until apples are soft.
    4. +
+
+
+ diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css index e69de29..28fbdeb 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -0,0 +1,106 @@ +body { + margin: 0; + padding: 0; +} + +.applepie { + position: relative; + display: block; +} + +.applepie img { + width: 100%; /* Make the image fit the full width of the page */ + height: 500px; /* Fixed height */ + object-fit: cover; /* Ensures the image doesn't get distorted */ +} + +.applepie h1 { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color: white; + font-size: 48px; +} + +body { + font-family: Arial, sans-serif; + background-color: #ffffff; +} + +.recipe-container { + max-width: 800px; + margin: 0 auto; + padding: 20px; +} + +.header { + text-align: center; + margin-bottom: 20px; +} + +.header h2 { + font-size: 1.2em; + font-weight: normal; + color: #333; +} + +.description img{ + width: 50%; + padding-left: 20%; +} +.ingredients img{ + width: 40%; + padding-left: 20%; +} + +.ingredients h3, .directions h3 { + font-size: 1.5em; + margin-bottom: 10px; + color: #333; +} + +.ingredients ul, .directions ol { + list-style: none; + padding-left: 20px; +} + +.ingredients ul li, .directions ol li { + font-size: 1.1em; + margin-bottom: 10px; + color: #666; +} + +.directions ol { + counter-reset: step-counter; +} + +.directions ol li { + position: relative; + padding-left: 30px; + margin-bottom: 10px; +} + +.directions ol li::before { + counter-increment: step-counter; + content: counter(step-counter) "."; + position: absolute; + left: 0; + top: 0; + font-weight: bold; + color: #333; +} + +@media screen and (max-width: 768px) { + .recipe-container { + padding: 10px; + } + + .info { + flex-direction: column; + } + + .time-info p { + font-size: 0.9em; + } +}