From 14feb483caafbb8a826f18ec8f477e5ed8fe1b84 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CAndolin=E2=80=9D?= <“andolini.y@gmail.com”> Date: Mon, 1 Sep 2025 21:56:03 +0200 Subject: [PATCH] I have updated the index.html and CSS. .wq --- apple-pie/index.html | 91 ++++++++++++++++++++++------- apple-pie/styles/style.css | 115 ++++++++++++++++++++++++++++++++++++- 2 files changed, 184 insertions(+), 22 deletions(-) diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..383e7e850 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -1,39 +1,88 @@ - + Apple Pie Recipe + + + - 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! - - 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 + favorites as well!

+
+ +
+ img is missing +
- 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. +
+

+ Ingredients +

+ +
+ +
+ img is missing +
- Place the bottom crust in your pan. Fill with apples, mounded + +
+

+
+ +
+

Directions

+ +
+ + + + + + + + - 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..fad5c0b69 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -3,6 +3,7 @@ html { box-sizing: border-box; font-size: 16px; + /* background-color: aquamarine; */ } *, *:before, *:after { @@ -21,4 +22,116 @@ body { } /* STYLES */ -/* Write your CSS below */ \ No newline at end of file +/* Write your CSS below */ + +/* Change style of Applepie img */ +.container { + display: flex; + justify-content: center; + width: 90vw; + margin: 0 auto; + +} + +h1{ + display: flex; + background-image: url(../images/apple-pie.jpg); + background-size: cover; + color: rgb(252, 250, 250); + padding: 20px; + width: 90vw; + height: 80vh; + font-size: 10rem; + + justify-content: center; + align-items: center; +} + +.sentens1{ + display: flex; + justify-content: center; + width: 90vw; + margin: 0 auto; + +} +p +{ +display: flex; +font-size: 1rem; +align-items: center; +width: 80vw; +height: auto; +margin: 1rem; +} + +.img2 +{ + width: 20rem; + height: 7rem; + margin: 0 auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; +} + +img +{ + width: 100%; + height: 100%; + object-fit: contain; + display: block; + justify-content: center; + align-items: center; +} + + + +h2 +{ +display: block; +background-color: black; +width: 90vw; +height: 2px; +margin: 0 auto; +} + +div.mainPara +{ +display: block; + +width: 90vw; +margin: 0 auto; +} + +p.titleOf +{ +display: block; +justify-content:flex-start; +margin: 1rem; + +} + +ul.ulOf +{ +display: block; +flex-direction: column; +justify-content:flex-start; +margin: 1rem; +} + +div.lastPara +{ +display: block; +width: 90vw; +margin: 0 auto; +} + +p.lastPara +{ +display: block; +flex-direction: column; +justify-content:flex-start; +margin: 1rem; +} +