From 6eed6c15fea93f202d9a5a86a35f99c4f3189e8e Mon Sep 17 00:00:00 2001 From: Cpiggott-lab Date: Mon, 7 Apr 2025 16:16:26 +0200 Subject: [PATCH] done --- apple-pie/index.html | 97 +++++++++++++++++++++++++++----------- apple-pie/styles/style.css | 95 +++++++++++++++++++++++++++++++++++-- 2 files changed, 161 insertions(+), 31 deletions(-) diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..26d6f3fc3 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -5,35 +5,76 @@ Apple Pie Recipe + - Apple Pie - - 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. +
+ Photo of a beautiful apple pie. +

Apple Pie

+
+
+
+

+ 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! +

+ recipe-info +
+
+
+

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
    • +
+ cooking time info +
+
+
+

Directions

+
+
    +

    + 1) 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. +

    +

    + 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) 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. +

    +
+
+
+
diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css index 7a55b4df4..b1323f9ab 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,82 @@ body { } /* STYLES */ -/* Write your CSS below */ \ No newline at end of file +/* Write your CSS below */ + +.imageContainer { + position: relative; +} + +img { + max-width: 100%; + height: auto; + display: block; + margin-bottom: 60px; +} +.applePie { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color: white; + font-size: 100px; + position: absolute; +} + +.description { + font-size: 25px; + margin-bottom: 40px; + font-weight: 150; +} +.recipeInfo { + margin: auto; + height: 75px; + width: auto; +} +.ingredientsTitle { + font-size: 25px; + margin-bottom: 30px; + font-weight: 303; +} +.dashList { + list-style: none; + padding-left: 1em; + font-size: 25px; + margin-bottom: 30px; +} +.dashList li::before { + content: "-"; + margin-right: 0.5em; + color: #333; +} +li:not(:last-child) { + margin-bottom: 10px; +} +.ingredientsUl { + font-size: 25px; + margin-bottom: 40px; +} +.cookingInfo { + margin: auto; + height: 100px; + width: auto; +} +.directionsTitle { + font-size: 25px; + margin-bottom: 40px; + font-weight: 303; +} +.cooking { + font-size: 25px; + margin-bottom: 40px; +} +section { + margin: 0 7em; +} +.line { + margin-top: 40px; + margin-bottom: 40px; + height: 2.5px; + background-color: rgba(0, 0, 0, 0.4); + border: none; +}