From 8866e4e6393a4b20d0f3fed9ea08e5ec61190ab6 Mon Sep 17 00:00:00 2001 From: Ankit Date: Mon, 17 Nov 2025 16:21:32 +0100 Subject: [PATCH] Lab-css-apple-pie-done --- apple-pie/index.html | 100 ++++++++++++++++++++++++++----------- apple-pie/styles/style.css | 96 ++++++++++++++++++++++++++++++++--- 2 files changed, 161 insertions(+), 35 deletions(-) diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..6628af3ac 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -4,36 +4,80 @@ 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. +
+
+

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

+ +
+ +
+ +
+ +
+ +
+

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..77e19da5b 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -4,21 +4,103 @@ html { box-sizing: border-box; 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; } - /* Set the font */ body { font-family: "Helvetica", sans-serif; } - /* STYLES */ -/* Write your CSS below */ \ No newline at end of file +/* Write your CSS below */ + +.header { + background-image: url(../images/apple-pie.jpg); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + height: 1000px; + /* position: relative; */ + width: full; + margin-bottom: 100px; +} +.header-text { + color: white; + font-size: 40px; + text-align: center; + /* position: absolute; +top: 50%; +left: 50%; */ + padding-top: 400px; +} + +.sectiontwo-paragraph { + font-size: 20px; + + font-weight: lighter !important; + text-align: center; +} + +.parent-image { + display: flex; + justify-content: center; + align-items: center; +} +hr { + width: 60%; + margin: 100px auto; +} +.section-three { + margin-left: 300px; +} +.section-three-heading { + font-size: 40px; + margin-bottom: 20px; +} +.section-three-list li { + font-size: 20px; + font-weight: 100 !important; + list-style: none; +} +.section-three-img { + display: flex; + justify-content: center; + align-items: center; + margin: 20px 20px; +} + +.section-four { + margin-left: 300px; + width: 70%; +} +.section-four-heading { + font-size: 40px; + margin-bottom: 20px; +} +.section-four-list li { + font-size: 20px; + font-weight: 100 !important; + counter-increment: listcounter; + list-style: none; +} + +ol > li::before { + /*3. Set the new style for the list markers */ + content: counter(listcounter) ")"; +}