diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..a90daae96 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..873b7c7af 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -4,36 +4,71 @@ Apple Pie Recipe + + + + - Apple Pie +
+

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

Ingredients

+ +
+ cooking information +
+
+
+
+

Directions

- 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. + +
+
diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css index 7a55b4df4..1f7b5dbec 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -12,13 +12,73 @@ html { body, h1, h2, h3, h4, h5, h6, p, ol, ul { margin: 0; padding: 0; - font-weight: lighter; + font-weight: 300; } /* Set the font */ body { - font-family: "Helvetica", sans-serif; + font-family: "Inter", sans-serif; } /* STYLES */ -/* Write your CSS below */ \ No newline at end of file +/* Write your CSS below */ +.hero-section { + background-image: url("/apple-pie/images/apple-pie.jpg"); + background-size: cover; + height: 35rem; + width: auto; + display:flex; + justify-content: center; + align-items: center; +} +.hero-section h1 { + color: #ffffff; + font-size: 4rem; + font-weight: 300; +} +.recipe-intro { + display: flex; + flex-direction: column; + align-items: center; +} +.recipe-intro p { + font-size: 18px; + margin-top: 70px; + text-align: left; +} +.recipe-intro img { + max-width: 50%; + max-height: 50%; + margin-top: 28px; + margin-bottom: 10px; +} +.content-container { + width: 40%; + margin: 0 auto; +} +.content-container h2 { + font-size: 20px; + font-weight: 400; + margin-top: 30px; + margin-bottom: 20px; +} +.ingredients-list { + font-size: 15px; + list-style-type: "-"; + + margin-left: 15px; +} +.img-container{ + display:flex; + justify-content: center; +} +.img-container img{ + max-width: 50%; + max-height: 50%; + margin-top: 28px; + margin-bottom: 10px; +} +.directions-list { + list-style: none; + margin-bottom: 60px; +}