From 56d5debe1708e5464018e28b3be680cd559a2bdf Mon Sep 17 00:00:00 2001
From: jggarza5 <jggarza5@gmail.com>
Date: Mon, 2 Apr 2018 17:48:01 -0500
Subject: [PATCH 1/2] Day 1 User Interface Project

---
 great-idea/css/index.css | 98 ++++++++++++++++++++++++++++++++++++++--
 great-idea/index.html    |  6 +++
 2 files changed, 101 insertions(+), 3 deletions(-)

diff --git a/great-idea/css/index.css b/great-idea/css/index.css
index 11a690045..51d04a5c1 100644
--- a/great-idea/css/index.css
+++ b/great-idea/css/index.css
@@ -3,6 +3,10 @@
    License: none (public domain)
 */
 
+* {
+	box-sizing: border-box;
+  }
+
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
@@ -16,13 +20,97 @@ article, aside, canvas, details, embed,
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
-	margin: 0;
-	padding: 0;
+	margin: 20;
+	padding: 20;
 	border: 0;
 	font-size: 100%;
 	font: inherit;
-	vertical-align: baseline;
+	
+	
+}
+
+
+header nav {
+	
+	display: inline-block;
+	position: relative;
+	top: 25px;
+	left: 30px;
+	padding: 20;
+	
+}
+
+header img {
+	display: inline-block;
+	position: relative;
+	top: 80px;
+	padding: 50px;
+}
+
+.container a {
+	color: lightslategray;
+	padding: 50px;
+}
+
+.cta .cta-text {
+	display: inline-block;
+	position: relative;
+	top: 50px;
+	left: 200px;
+	text-align: center;
+}
+
+.cta img {
+	display: inline-block;
+	position: relative;
+	top: 100px;
+	left: 350px;
+}
+
+.cta .cta-text button {
+	display: inline-block;
+	padding: 10px 30px;
+	font-size: 20px;
 }
+
+.main-content {
+	display: inline-block;
+	position: relative;
+	top: 200px;
+	left: 50px;
+}
+
+.main-content .top-content {
+	column-count: 2;
+	width: 50%;
+
+}
+
+.main-content .middle-img {
+	padding-top: 30px;
+	padding-bottom: 60px;
+}
+
+.main-content .bottom-content {
+	column-count: 3;
+	width: 50%;
+}
+
+.contact {
+	display: inline-block;
+	position: relative;
+	top: 200px;
+	left: 50px;
+}
+
+footer {
+	display: inline-block;
+	position: relative;
+	top: 300px;
+	left: 400px;
+}
+
+
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section {
@@ -62,3 +150,7 @@ h1, h2, h3, h4, h5 {
     letter-spacing: 1px;
     margin-bottom: 15px;
 }
+
+h1 {
+	font-size: 80px;
+}
\ No newline at end of file
diff --git a/great-idea/index.html b/great-idea/index.html
index 6da3e589a..fafb345ec 100644
--- a/great-idea/index.html
+++ b/great-idea/index.html
@@ -38,7 +38,10 @@ <h1>Innovation<br> On<br> Demand</h1>
         <img src="img/header-img.png" alt="Image of a code snippet.">
       </section><!-- cta -->
 
+
+
       <section class="main-content">
+          <hr>
         <div class="top-content">
           <div class="text-content">
             <h4>Features</h4>
@@ -64,8 +67,11 @@ <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>
+        <hr>
       </section><!-- main-content -->
 
+     
+
       <section class="contact">
         <h4>Contact</h4>
         <p>123 Way 456 Street<br>

From 74d78b7b1bd16df3e3fee1eb4030969bd9f12f0a Mon Sep 17 00:00:00 2001
From: elitecamper <jggarza5@gmail.com>
Date: Tue, 3 Apr 2018 17:08:09 -0500
Subject: [PATCH 2/2] Challenge 2 User Interface with Flex

---
 great-idea/css/index.css | 157 ++++++++++++++++++---------------------
 1 file changed, 73 insertions(+), 84 deletions(-)

diff --git a/great-idea/css/index.css b/great-idea/css/index.css
index 51d04a5c1..1651b5485 100644
--- a/great-idea/css/index.css
+++ b/great-idea/css/index.css
@@ -4,8 +4,8 @@
 */
 
 * {
-	box-sizing: border-box;
-  }
+    box-sizing: border-box;
+}
 
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
@@ -30,87 +30,6 @@ time, mark, audio, video {
 }
 
 
-header nav {
-	
-	display: inline-block;
-	position: relative;
-	top: 25px;
-	left: 30px;
-	padding: 20;
-	
-}
-
-header img {
-	display: inline-block;
-	position: relative;
-	top: 80px;
-	padding: 50px;
-}
-
-.container a {
-	color: lightslategray;
-	padding: 50px;
-}
-
-.cta .cta-text {
-	display: inline-block;
-	position: relative;
-	top: 50px;
-	left: 200px;
-	text-align: center;
-}
-
-.cta img {
-	display: inline-block;
-	position: relative;
-	top: 100px;
-	left: 350px;
-}
-
-.cta .cta-text button {
-	display: inline-block;
-	padding: 10px 30px;
-	font-size: 20px;
-}
-
-.main-content {
-	display: inline-block;
-	position: relative;
-	top: 200px;
-	left: 50px;
-}
-
-.main-content .top-content {
-	column-count: 2;
-	width: 50%;
-
-}
-
-.main-content .middle-img {
-	padding-top: 30px;
-	padding-bottom: 60px;
-}
-
-.main-content .bottom-content {
-	column-count: 3;
-	width: 50%;
-}
-
-.contact {
-	display: inline-block;
-	position: relative;
-	top: 200px;
-	left: 50px;
-}
-
-footer {
-	display: inline-block;
-	position: relative;
-	top: 300px;
-	left: 400px;
-}
-
-
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section {
@@ -153,4 +72,74 @@ h1, h2, h3, h4, h5 {
 
 h1 {
 	font-size: 80px;
-}
\ No newline at end of file
+}
+
+.container {
+	width: 880px;
+	margin: 0 auto;
+  }
+
+header {
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-start;
+	width: 100%;
+}
+
+header nav {
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-start;
+	margin-top: 35px;
+	width: 75%;
+  }
+
+header nav a {
+	margin-right: 65px;
+	font-size: 14px;
+	color: gray;
+	text-decoration: none;
+  }
+
+header nav a:hover {
+	text-decoration: underline;
+}
+
+
+.cta {
+	margin-top: 100px;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-start;
+	justify-content: space-evenly;
+	text-align: center;
+}
+
+.cta img {
+	flex-direction: row;
+	justify-content: flex-start;
+}
+
+.main-content .top-content {
+	display: flex;
+	flex-direction: row;
+	justify-content: space-evenly;
+	
+}
+
+.main-content .bottom-content {
+	display: flex;
+	flex-direction: row;
+	justify-content: space-around;
+}
+
+.bottom-content .text-content {
+	width: 280px;
+}
+
+footer {
+	margin: 32px 0;
+	text-align: center;
+	font-size: 14px;
+  }
+