done

Author: dannbleu

starter-code/apple-pie-starter-code/css/main.css

@@ -1,15 +1,19 @@
+*{
+    margin: 0;
+    padding: 0}
+
 .mainbackground{
     background-image:url("../images/apple-pie.jpg");
     background-size: cover;
     background-repeat: no-repeat;
-    height: 800px;
+    height: 100vh;
 
 
 }
 
 .maintitle{
     color: white;
-    padding: 20% 50% 0% 40%;
+    padding: 43% 50% 0% 40%;
     width: 25%;
     text-align: center;
     font-family: Helvetica, sans-serif;
@@ -18,15 +22,15 @@
 }
 
 .sectiontwo{
-    height: 180px;
+    height: 220px;
     width: 90%;
-    margin-left: 10%;
+
     margin-right: 10%;
     border-bottom: 1px solid grey;
 }
 
 .mainparagraph{
-    width: 70%;
+    width: 90%;
     text-align: justify;
     margin-left: 10%;
     font-family: Helvetica, sans-serif;
@@ -64,11 +68,11 @@ li:before{
 .sectionfour{
     height: 400px;
     width: 90%;
-    margin-left: 10%;
+    margin-left: 8%;
     margin-right: 50%;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 25px;
-    text-align: left;
+    text-align: justify;
     border-bottom: 1px solid grey;
     font-weight: 100;
 }

starter-code/french-onion-soup-starter-code/css/main.css

@@ -2,12 +2,18 @@ html {
   font-family: 'Open Sans', sans-serif;
   font-size: 18px
 }
+*{
+    margin: 0;
+    padding: 0
+}
 
 .mainbackground{
   background-image:url("../images/soup.jpg");
   background-size: cover;
   background-repeat: no-repeat;
-  height: 800px;
+  width: 100%;
+  height: 100vh;
+
 }
 
 .maintitle{
@@ -16,33 +22,46 @@ html {
   width: 25%;
   text-align: center;
   font-family: Helvetica, sans-serif;
-  font-weight: 300;
-  font-size: 45px;
+  font-weight: 200;
+  font-size: 60px;
+}
 
 .sectiontwo{
   height: 180px;
   width: 90%;
-  margin-left: 10%;
+  margin-left:2%;
   margin-right: 10%;
   border-bottom: 1px solid grey;
+  /* display: flex;
+  align-content: center;
+  justify-content: center; */
+}
+.image-instructions{
+    height: 30%;
+    width: 90%;
+    margin-left: 30%;
+    margin-right: 85;
 }
 
 .mainparagraph{
-    width: 70%;
+    width: 100%;
     text-align: justify;
+    margin-top: 10%;
     margin-left: 10%;
+    margin-right: 10%;
     font-family: Helvetica, sans-serif;
-    font-size: 25px;
+    font-size: 20px;
     font-weight: 100;
 }
 
-.recipeimage{
+/* .recipeimage{
     margin-left: 70%;
-}
+} */
 
 .sectionthree{
-    height: 430px;
+    height: 500px;
     width: 90%;
+    margin-top: 3%;
     margin-left: 10%;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 25px;
@@ -61,11 +80,13 @@ li:before{
 
 .recipeinfo{
     margin-left: 42%;
+    margin-top: 5%;
 }
 
 .sectionfour{
-    height: 600px;
+    height: 700px;
     width: 90%;
+    margin-top:3%;
     margin-left: 10%;
     margin-right: 50%;
     font-family: Arial, Helvetica, sans-serif;

starter-code/french-onion-soup-starter-code/index.html

@@ -19,11 +19,13 @@ <h1 class="maintitle">French Onion Soup</h1>
       and friends agree none can compare to my recipe for taste and simplicity of
       preparation.
     </p>
-    <img class="recipeimage" src="./images/recipe-info.png" alt="cooking info" height="55px">
+    <div class="image-instructions">
+      <img //class="recipeimage"// src="./images/recipe-info.png" alt="cooking info" height="55px">
+    </div>
   </section>
 
   <section class="sectionthree">
-  <h4>Ingredients</h4>
+  <h4>Ingredients</h4><br>
    <ul class="u1">
     <li> 1/2 cup unsalted butter</li>
     <li> 2 tablespoons olive oil</li>
@@ -41,7 +43,7 @@ <h4>Ingredients</h4>
   </section>
 
 <section class="sectionfour">
-  <h4>Directions</h4>
+  <h4>Directions</h4><br>
   <ol type="1">
    <li>Melt butter with olive oil in an 8 quart stock pot on medium heat. Add onions and
     continually stir until tender and translucent. Do not brown the onions.</li>