diff --git a/great-idea/css/index.css b/great-idea/css/index.css
index abb29d9531..24ad022f46 100644
--- a/great-idea/css/index.css
+++ b/great-idea/css/index.css
@@ -149,21 +149,23 @@ h5 {
   margin-bottom: 15px;
 }
 
-/* Copy and paste your work from yesterday here and start to refactor into flexbox */
+/* My Code Starts Here */
 
-body {
-  width: 900px;
+.container {
+  width: 876px;
   margin: auto;
 }
+
 header {
   display: flex;
-  margin: 20px 0;
-  justify-content: space-evenly;
+  justify-content: space-between;
+  margin: 30px 0;
+  align-items: center;
 }
 
 header nav {
   display: flex;
-  width: 100%;
+  width: 65%;
   justify-content: space-between;
 }
 
@@ -174,43 +176,52 @@ header nav a {
 
 .cta {
   display: flex;
-  justify-content: space-evenly;
-  padding: 50px 0;
-  border-bottom: 1px solid black;
+  justify-content: space-between;
+  text-align: center;
+  padding: 15px 0 45px 0;
+  border-bottom: 2px solid black;
 }
 
 .cta .cta-text {
-  font-size: 5rem;
-  text-align: center;
+  margin: auto;
+  font-size: 4.5rem;
 }
 
-.cta .cta-text a {
-  font-size: 20px;
-  text-decoration: none;
-  color: black;
-  width: 300px;
-  border: 1px solid black;
-  padding: 0 20px;
+.main-content {
+  display: flex;
+  flex-direction: column;
+  border-bottom: 2px solid black;
 }
 
 .main-content .top-content {
   display: flex;
-  margin: 40px 0;
+  margin: 30px 0;
+}
+
+.main-content .top-content #features {
+  padding-right: 30px;
 }
 
 .main-content .bottom-content {
   display: flex;
-  margin: 20px 20px;
-  border-bottom: 1px solid black;
+  margin: 30px 0;
+}
+
+.main-content .bottom-content #services {
+  padding-right: 20px;
 }
 
-.main-content .bottom-content .text-content {
-  margin: 20px 0;
-  padding: 20px 20px;
+.main-content .bottom-content #product {
+  padding-right: 20px;
 }
 
-#copyright {
+.contact {
   display: flex;
-  justify-content: center;
-  margin: 50px 0 50px 0;
+  flex-direction: column;
+  margin: 30px 0;
+}
+
+footer {
+  text-align: center;
+  margin-bottom: 30px;
 }
diff --git a/great-idea/index.html b/great-idea/index.html
index 0af24a52be..9fedbfc1e1 100644
--- a/great-idea/index.html
+++ b/great-idea/index.html
@@ -1,128 +1,120 @@
 <!DOCTYPE html>
-
-<html lang="en">
+<html>
   <head>
-    <meta charset="utf-8" />
-
-    <title>Great Idea!</title>
-
+    <link rel="stylesheet" href="css/index.css" />
     <link
-      href="https://fonts.googleapis.com/css?family=Bangers|Titillium+Web"
+      href="https://fonts.googleapis.com/css?family=Bangers|Titillium+Web&display=swap"
       rel="stylesheet"
     />
-    <link rel="stylesheet" href="css/index.css" />
-
-    <!--[if lt IE 9]>
-      <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
-    <![endif]-->
   </head>
-
   <body>
-    <!-- Copy and paste your HTML from the first UI project here -->
-    <header>
-      <nav>
-        <a href="#">Services</a>
-        <a href="#">Product</a>
-        <a href="#">Vision</a>
-        <a href="#">Features</a>
-        <a href="#">About</a>
-        <a href="#">Contact</a>
+    <div class="container">
+      <header>
+        <nav>
+          <a href="#">Services</a>
+          <a href="#">Product</a>
+          <a href="#">Vision</a>
+          <a href="#">Features</a>
+          <a href="#">About</a>
+          <a href="#">Contact</a>
+        </nav>
         <img
           class="logo"
           src="https://tk-assets.lambdaschool.com/c7e8c14d-d7ad-4d21-9c18-4a68c77e5ad5_logo.png"
           alt="Great Idea! Company logo."
         />
-      </nav>
-    </header>
-
-    <section class="cta">
-      <div class="cta-text">
-        <h1>
-          Innovation<br />
-          On<br />
-          Demand
-        </h1>
-        <a href="#">Get Started</a>
-      </div>
-      <img src="img/header-img.png" alt="Image of a code snippet." />
-    </section>
+      </header>
 
-    <section class="main-content">
-      <div class="top-content">
-        <div class="text-content">
-          <h4>Features</h4>
-          <p>
-            Aliquam elementum magna eros, ac posuere elvit tempus et.
-            Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu
-            ornare nisl. Nullam convallis augue justo, at imperdiet metus
-            scelerisque quis.
-          </p>
+      <section class="cta">
+        <div class="cta-text">
+          <h1>
+            Innovation<br />
+            On<br />
+            Demand
+          </h1>
+          <button>Get Started</button>
         </div>
-        <div class="text-content">
-          <h4>About</h4>
-          <p>
-            Aliquam elementum magna eros, ac posuere elvit tempus et.
-            Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu
-            ornare nisl. Nullam convallis augue justo, at imperdiet metus
-            scelerisque quis.
-          </p>
+        <img src="img/header-img.png" alt="Image of a code snippet." />
+      </section>
+
+      <section class="main-content">
+        <div class="top-content">
+          <div class="text-content">
+            <h4>Features</h4>
+            <p id="features">
+              Aliquam elementum magna eros, ac posuere elvit tempus et.
+              Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu
+              ornare nisl. Nullam convallis augue justo, at imperdiet metus
+              scelerisque quis.
+            </p>
+          </div>
+          <div class="text-content">
+            <h4>About</h4>
+            <p>
+              Aliquam elementum magna eros, ac posuere elvit tempus et.
+              Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu
+              ornare nisl. Nullam convallis augue justo, at imperdiet metus
+              scelerisque quis.
+            </p>
+          </div>
         </div>
-      </div>
 
-      <img
-        class="middle-img"
-        src="img/mid-page-accent.jpg"
-        alt="Image of code snippets across the screen"
-      />
+        <img
+          class="middle-img"
+          src="img/mid-page-accent.jpg"
+          alt="Image of code snippets across the screen"
+        />
 
-      <div class="bottom-content">
-        <div class="text-content">
-          <h4>Services</h4>
-          <p>
-            Aliquam elementum magna eros, ac posuere elvit tempus et.
-            Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu
-            ornare nisl. Nullam convallis augue justo, at imperdiet metus
-            scelerisque quis.
-          </p>
-        </div>
-        <div class="text-content">
-          <h4>Product</h4>
-          <p>
-            Aliquam elementum magna eros, ac posuere elvit tempus et.
-            Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu
-            ornare nisl. Nullam convallis augue justo, at imperdiet metus
-            scelerisque quis.
-          </p>
+        <div class="bottom-content">
+          <div class="text-content">
+            <h4>Services</h4>
+            <p id="services">
+              Aliquam elementum magna eros, ac posuere elvit tempus et.
+              Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu
+              ornare nisl. Nullam convallis augue justo, at imperdiet metus
+              scelerisque quis.
+            </p>
+          </div>
+          <div class="text-content">
+            <h4>Product</h4>
+            <p id="product">
+              Aliquam elementum magna eros, ac posuere elvit tempus et.
+              Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu
+              ornare nisl. Nullam convallis augue justo, at imperdiet metus
+              scelerisque quis.
+            </p>
+          </div>
+          <div class="text-content">
+            <h4>Vision</h4>
+            <p>
+              Aliquam elementum magna eros, ac posuere elvit tempus et.
+              Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu
+              ornare nisl. Nullam convallis augue justo, at imperdiet metus
+              scelerisque quis.
+            </p>
+          </div>
         </div>
-        <div class="text-content">
-          <h4>Vision</h4>
-          <p>
-            Aliquam elementum magna eros, ac posuere elvit tempus et.
-            Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu
-            ornare nisl. Nullam convallis augue justo, at imperdiet metus
-            scelerisque quis.
-          </p>
-        </div>
-      </div>
-    </section>
+      </section>
 
-    <section class="contact">
-      <h4>Contact</h4>
+      <section class="contact">
+        <h4>Contact</h4>
 
-      <address>
         <p>
-          123 Way 456 Street
+          123 Way 456 Street<br />
           Somewhere, USA
-        </p><br />
-  
-        <p>1 (888) 888-8888</p><br />
-  
-        <p>sales@greatidea.io</p><br />
-      </addres>
-    </section>
+        </p>
+        <br />
+
+        <p>1 (888) 888-8888</p>
+        <br />
+
+        <p>sales@greatidea.io</p>
+      </section>
 
-    <footer>
-      <p id="copyright">Copyright Great Idea! 2018</p>
-    </footer>
+      <footer>
+        <p>Copyright Great Idea! 2018</p>
+      </footer>
+    </div>
+    <!-- container -->
   </body>
 </html>
