Implemented grid.

Author: mcode10

1919main.html

@@ -17,32 +17,53 @@ <h3> A project by Manas Paranjape and Bryce Butler. </h3>
         </section>
     </div>
 
-    <div id="remainingInfo">
+<!--<div id="headImage">
         <section class="titleImage"> 
             <figure>
                 <img src="./Images/Ford_GT_Nogaro.jpg"> 
             </figure>
         </section>
+    </div> -->
+    <div id="mainContent">
+        <section>
+            <article>
+                <h3> Beginnings</h3>
+                <p>Ford GT wasn't really Ford. The first GTs were built by Lola, a company in the 1960s. Ford bought several for the Le Mans. In, 1965, Carroll Shelby began to develop the Lola GT's into a better car. They called GT40, for its 40 inch height. They failed miserably, the gear boxes, suspension, etc. failing under endurance problems. Then Shelby, a retired Le Mans racer came and helped make the GT. In 1965, Ken Miles came into the project. The did major airflow improvements, added fiberglass, and, surprisingly added a larger 7-liter, 427 ci engine. They still failed, however. Next year, they made more improvements and finally won the Le Mans. They are the only American company to have ever won Le Mans.
+                </p>
+            </article>
+        </section>
+        <section>
+            <figure>
+                <img src="./Images/Temp.jpg">
+            </figure>
+        </section>
+        <section>
+            <article>
+                <h3>
+                    Brakes
+                </h3>
+                <p>
+                    The Ford GT uses carbon-ceramic disk brakes. This high performance material, made from a special mixture of powders, resins and fibers in a complex manufacturing process, has been used since the 1970s in braking systems for aerospace applications and since the 1980s in motorsports.
+                </p>
+            </article>
+        </section>
+        <section>
+            <iframe width="560" height="315" src="https://www.youtube.com/embed/lrCwmpjR77U" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
+            </iframe>
+        </section>
+        <section>
+            <article>
+                <h3>
+                    Engine
+                </h3>
+                <p>
+                    The Ford GT (current) uses a twin turbocharged V6 3.5 liter intercooled engine. The 3.5L EcoBoost is direct-injected and turbocharged engine first introduced in 2007 under the name TwinForce. The main idea behind this power unit was the creation of a solid alternative to a large-displacement V8 engine such as the V8 coyote sourced engine. This was used in cars like the Ford Mustang GT. The new turbocharged 3.5L V6 engine provides equivalent power and torque to a naturally aspirated 6.0L V8 with less fuel consumption and emissions of harmful substances.
+                </p>
+            </article>
+        </section>
     </div>
-    <article>
-        <h3> Beginnings</h3>
-        <p>Ford GT wasn't really Ford. The first GTs were built by Lola, a company in the 1960s. Ford bought several for the Le Mans. In, 1965, Carroll Shelby began to develop the Lola GT's into a better car. They called GT40, for its 40 inch height. They failed miserably, the gear boxes, suspension, etc. failing under endurance problems. Then Shelby, a retired Le Mans racer came and helped make the GT. In 1965, Ken Miles came into the project. The did major airflow improvements, added fiberglass, and, surprisingly added a larger 7-liter, 427 ci engine. They still failed, however. Next year, they made more improvements and finally won the Le Mans. They are the only American company to have ever won Le Mans.
-        </p>
-    </article>
-    <figure>
-        <img src="./Images/Temp.jpg">
-    </figure>
-    <article>
-        <h3>
-            Brakes
-        </h3>
-        <p>
-            The Ford GT uses carbon-ceramic disk brakes. This high performance material, made from a special mixture of powders, resins and fibers in a complex manufacturing process, has been used since the 1970s in braking systems for aerospace applications and since the 1980s in motorsports.
-        </p>
-    </article>
     <footer>
-        <p> Copyright 2020 Manas Paranjape and Bryce Butler </p>
+        <p>©Copyright 2020 Manas Paranjape and Bryce Butler </p>
     </footer>
-
 </div>
 </html>

1919style.css

@@ -12,15 +12,27 @@ html {
 
 
 #headInfo {
+  background: url('./Images/Ford_GT_Nogaro.jpg') center;
+  background-size:cover;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-  justify-items: center;
+  padding: 20px;
+  color:whitesmoke;
 }
 
-#remainingInfo {
+.topsplashText {
+ padding-top: 70px;
+ color: whitesmoke;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+#headImage {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-  justify-items: center;
 }
 
 article > h3 {
@@ -33,4 +45,17 @@ footer {
   text-align: center;
 }
 
+#mainContent {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(240 px, 1fr));
+}
+
+p {
+  color: #333333;
+  font-size: 1.2em;
+  line-height: 1.4;
+}
 
+footer > p {
+  color: whitesmoke;
+}