diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..105b9499e 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -4,10 +4,55 @@ 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 info +
+
+
+ +
+

Ingredients

+
+ +
+ 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..c665bc2ad 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -20,5 +20,81 @@ body { font-family: "Helvetica", sans-serif; } + + + /* STYLES */ -/* Write your CSS below */ \ No newline at end of file +/* Write your CSS below */ +html{ + margin-bottom: 20%; /*set bottom margin of the webpage*/ +} + + +/*Edit first image and the text on top*/ +.pie-header { + display:grid; + grid-template-areas: "a"; + align-items: center; + justify-content: center; + margin: 0% 10% 5% 10%; +} + +.pie-header img, +.pie-header h1 { + grid-area: a; + display: grid; + justify-content: center; +} + +.pie-header h1{ + color: white; +} + + + +/*edit the 3 sections*/ +.section-text { /*edit text margins*/ + margin-left: 20%; + margin-right: 20%; +} + +.section-text img { /*edit the images with time, cals, nb servings*/ + width: 300px; + display: flex; + justify-content: center; +} + +.section-text hr.solid { /*edit bars between secitons*/ + border-top: 2px solid grey; +} + +.section-text h3 { /*edit the headers*/ + margin: 4% 0%; +} + +.section-text p, ul, ol { /*edit the color of the text in the paragraphs only*/ + color: #3b3b3b; +} + +.section-text ul, ol { /*Adjust the margins of the lists*/ + margin: 0% 2%; +} + + +/*Edit the bullet points of an Unordered list*/ +.section-text ul { + list-style-type: "- "; +} + + +/*Edit the number points of an Ordered list*/ +.section-text ol { + counter-reset: list; +} +.section-text ol > li { + list-style-type: none; +} +.section-text ol > li:before { + content: counter(list, number) ") "; + counter-increment: list; +} \ No newline at end of file