From 38fd8ff7c376df19a1830e0ba965d2c507da772b Mon Sep 17 00:00:00 2001 From: Vladys K Date: Tue, 10 Sep 2024 23:02:49 +0200 Subject: [PATCH 1/3] Added basic HTML structure --- apple-pie/index.html | 102 ++++++++++++++++++++++++++++++++----------- 1 file changed, 76 insertions(+), 26 deletions(-) diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..9c183e2cc 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -7,33 +7,83 @@ - Apple Pie + apple pie image +

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 +

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

+ + recepie info image + +
+ +

+ 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. +
+ +
+ + cooking 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. +
  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 degrees F (175 + degrees C). Continue baking for 35 to 45 minutes, until apples are soft. +
    4. +
+ + + + + + +
+ From c5c6d1089fec8e8c20c6ef5963408e02e3493b48 Mon Sep 17 00:00:00 2001 From: Vladys K Date: Tue, 10 Sep 2024 23:57:45 +0200 Subject: [PATCH 2/3] First section done --- apple-pie/index.html | 151 ++++++++++++++++++++----------------- apple-pie/styles/style.css | 51 ++++++++++++- 2 files changed, 131 insertions(+), 71 deletions(-) diff --git a/apple-pie/index.html b/apple-pie/index.html index 9c183e2cc..0b5d60603 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -5,85 +5,96 @@ Apple Pie Recipe + - apple pie image -

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

+
+ apple pie image +

Apple Pie

+
+ +
+
- recepie info image -
+

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 -

+ recepie info image +
-
-
    -
  • - 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 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. -
  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 degrees F (175 - degrees C). Continue baking for 35 to 45 minutes, until apples are soft. -
    4. -
- - +
+
+

+ 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 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. +
    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 degrees F (175 + degrees 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 7a55b4df4..179af7d38 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -21,4 +21,53 @@ body { } /* STYLES */ -/* Write your CSS below */ \ No newline at end of file +/* Write your CSS below */ + +.apple-pie_div { + height: 850px; + overflow: hidden; + +} +#apple-pie_img { + width: 100%; + position: relative; + bottom: 115px; + +} + +h1 { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color: white; + font-size:7rem; + +} + +main { + margin: 9.5rem; +} + +.recipe-info { + display: flex; + flex-direction: column; + +} + +.recipe-info p { + font-size: 2rem; +} +.recipe-div { + display: flex; + align-items: center; + justify-content: center; + margin-top: 2rem ; + margin-bottom: 2rem; + +} +.recipe-info img { + width: 47%; + +} + From 4b97a22bfe1b5f3deec705b7dc60ea5e322259db Mon Sep 17 00:00:00 2001 From: Vladys K Date: Wed, 11 Sep 2024 00:35:54 +0200 Subject: [PATCH 3/3] Finshed proyect :) --- apple-pie/index.html | 7 ++++-- apple-pie/styles/style.css | 50 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 55 insertions(+), 2 deletions(-) diff --git a/apple-pie/index.html b/apple-pie/index.html index 0b5d60603..7db7f920b 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -62,8 +62,11 @@

    - - cooking info + +
    + + cooking info +

    diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css index 179af7d38..3843848c4 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -71,3 +71,53 @@ main { } +h2 { + margin-top:3.5rem ; + margin-bottom: 2.5rem; + font-size: 2.2rem; +} + +.ingredients-section ul { + font-size: 1.7rem; + padding-left: 3rem; + list-style-type:none ; +} + +.ingredients-section ul li::marker { + content: "- "; + color: black; + font-size: 27px; +} + +.ingredients-div { + display: flex; + align-items: center; + justify-content: center; + margin-top: 2rem ; + margin-bottom: 2rem; + +} + +#ingredients-info_img { + width: 40%; +} + +.directions-section ol { + font-size: 1.7rem; + padding-left: 1.7rem; + counter-reset: list-counter; +} + +ol { + list-style-type: none; + counter-reset: contador; +} + +ol li { + counter-increment: contador; +} + +ol li::before { + content: counter(contador) ") "; + +} \ No newline at end of file