From 566ec5acbaa1bd0baf753c2b89f6c674a942280c Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 21:27:38 +0100
Subject: [PATCH 01/26] Update step-1.css

---
 level-1/step-1/step-1.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css
index 78865286..5104fec3 100755
--- a/level-1/step-1/step-1.css
+++ b/level-1/step-1/step-1.css
@@ -29,4 +29,5 @@
     width: 100%;
     height: 100px;
     background: #3A3A3A;
-}
\ No newline at end of file
+    bottom: 0;
+}

From 0afc0b7fe8700414f6a5eb84331d0b248638031b Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 21:31:30 +0100
Subject: [PATCH 02/26] Update step-1.css

---
 level-1/step-1/step-1.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css
index 5104fec3..ebe64af8 100755
--- a/level-1/step-1/step-1.css
+++ b/level-1/step-1/step-1.css
@@ -11,6 +11,7 @@
     /* This height is a placeholder. You will need to make some adjustments to get this container to look like the design. */
     height: 100px;
     background: #565555;
+    float: left;
 }
 
 
@@ -19,8 +20,9 @@
 .content-mid {
     width: 66%;
     /* This height is a placeholder. You will need to make some adjustments to get this container to look like the design. */
-    height: 100px;
+    height: auto;
     background: #B0B0B0;
+    float: right; 
 }
 
 /* Use float to get this container to the bottom of the screen  */
@@ -29,5 +31,6 @@
     width: 100%;
     height: 100px;
     background: #3A3A3A;
+    position: absolute;
     bottom: 0;
 }

From a3d8b5704a6dc64690963cd504d6f9a9d34fbd8e Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 21:32:35 +0100
Subject: [PATCH 03/26] Update step-1.css

---
 level-1/step-1/step-1.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css
index ebe64af8..b9b3bdbc 100755
--- a/level-1/step-1/step-1.css
+++ b/level-1/step-1/step-1.css
@@ -9,7 +9,7 @@
 .content-left {
     width: 34%;
     /* This height is a placeholder. You will need to make some adjustments to get this container to look like the design. */
-    height: 100px;
+    height: 150px;
     background: #565555;
     float: left;
 }
@@ -20,7 +20,7 @@
 .content-mid {
     width: 66%;
     /* This height is a placeholder. You will need to make some adjustments to get this container to look like the design. */
-    height: auto;
+    height: 150px;
     background: #B0B0B0;
     float: right; 
 }

From b844304001e3d568a7c7162de2f83c312ed2c296 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 21:47:14 +0100
Subject: [PATCH 04/26] Update step-2.css

---
 level-1/step-2/step-2.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/level-1/step-2/step-2.css b/level-1/step-2/step-2.css
index 73095f05..184a47eb 100644
--- a/level-1/step-2/step-2.css
+++ b/level-1/step-2/step-2.css
@@ -1,12 +1,14 @@
 /* Step-2 You can assign padding to all sides of a container by using the padding shorthand property. */
 
 .content-left {
+ padding: 20px;
  
 }
 
 /* Step 2 You can assign padding to all sides of a container by using the padding shorthand property. */
 
 .header {
+ padding: 20px;
   
 }
 
@@ -15,26 +17,37 @@
 
 .profile-image-container {
     background: #96F0F2;
+    width: auto;
+    height: 30%;
+    margin-bottom: 20px
 }
 
 /* Step-2 One option to get the container to fill the parent container is to use width: auto; */
 
 .profile-links-container {
     background: #12F3F7;
+    width: auto;
+    height: calc( 70% - 20px );
 }
-
 /* Step-2 You can either use float left to get this element to in the desired location. */
-
 .logo-container {
     background: #4F4949;
+    height: 100%;
+    width: 300px;
+    float: left;
 }
 
 
 /* Step-2 You can either use float right to get this element to in the desired location. */
 
+
 .menu-container {
     background: #4F4949;
+    height: 100%;
+    width: 50px;
+    float: right;
 }
 
 
 
+

From 614d4f40adcb777667d64de04ca284d314ee1668 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 21:52:59 +0100
Subject: [PATCH 05/26] Update step-3.css

---
 level-1/step-3/step-3.css | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/level-1/step-3/step-3.css b/level-1/step-3/step-3.css
index 5589c8b2..30100041 100755
--- a/level-1/step-3/step-3.css
+++ b/level-1/step-3/step-3.css
@@ -1,17 +1,27 @@
 /* Step-3 You can assign padding to all sides of a container by using the padding shorthand property. */
 
+
+
 .content-mid {
- 
+  padding: 80px;
 }
 
 .content-mid-header {
-  background: #444;
+    background: #444;
+    width: auto;
+    height: 20%
 }
 
 .content-container {
-
+  width: auto;
+  height: 100%;
 }
 
 .content {
   background: #D8D8D8;
+  width: auto;
+  height: 80%;
+  background: #D8D8D8;
+  padding: 20px;
+  text-align: center;
 }

From b242793a862cab00a897ef5848223aaaf7cf8fb2 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 21:59:04 +0100
Subject: [PATCH 06/26] Update index.html

---
 level-1/index.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/level-1/index.html b/level-1/index.html
index 4de4033c..8fe62d70 100644
--- a/level-1/index.html
+++ b/level-1/index.html
@@ -44,7 +44,9 @@
 
                     <header class="content-mid-header"></header>
 
-                    <div class="content"></div>
+                    <div class="content">GitHub is a global company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft, which acquired the company in 2018 for $7.5 billion.[3] It offers all of the distributed version control and source code management (SCM) functionality of Git as well as adding its own features. It provides access control and several collaboration features such as bug tracking, feature requests, task management, and wikis for every project.[4]
+
+GitHub offers plans for free, professional, and enterprise accounts.[5] Free GitHub accounts are commonly used to host open source projects.[6] As of January 2019, GitHub offers unlimited private repositories to all plans, including free accounts.[7] As of May 2019, GitHub reports having over 37 million users[8] and more than 100 million repositories[9] (including at least 28 million public repositories),[10] making it the largest host of source code in the world.[11]</div>
 
                 </section>
 
@@ -56,4 +58,4 @@
 
     </main>
   </body>
-</html>
\ No newline at end of file
+</html>

From f6147a9f08d22942370946447123c92fce7a1ace Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:02:54 +0100
Subject: [PATCH 07/26] Update step-3.css

---
 level-1/step-3/step-3.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/level-1/step-3/step-3.css b/level-1/step-3/step-3.css
index 30100041..9f11fb86 100755
--- a/level-1/step-3/step-3.css
+++ b/level-1/step-3/step-3.css
@@ -8,18 +8,18 @@
 
 .content-mid-header {
     background: #444;
-    width: auto;
+    width: 60%;
     height: 20%
 }
 
 .content-container {
-  width: auto;
+  width: 60%;
   height: 100%;
 }
 
 .content {
   background: #D8D8D8;
-  width: auto;
+  width: 55%;
   height: 80%;
   background: #D8D8D8;
   padding: 20px;

From d48ed0b31064f32f58e596d602e1aa655c9dd45c Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:07:53 +0100
Subject: [PATCH 08/26] Update step-2.css

---
 level-1/step-2/step-2.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/level-1/step-2/step-2.css b/level-1/step-2/step-2.css
index 184a47eb..6507d7af 100644
--- a/level-1/step-2/step-2.css
+++ b/level-1/step-2/step-2.css
@@ -1,14 +1,14 @@
 /* Step-2 You can assign padding to all sides of a container by using the padding shorthand property. */
 
 .content-left {
- padding: 20px;
+ padding: 20px 20px 20px 20px;
  
 }
 
 /* Step 2 You can assign padding to all sides of a container by using the padding shorthand property. */
 
 .header {
- padding: 20px;
+ padding: 20px 20px 20px 20px;
   
 }
 
@@ -19,7 +19,7 @@
     background: #96F0F2;
     width: auto;
     height: 30%;
-    margin-bottom: 20px
+    margin-bottom: 20px;
 }
 
 /* Step-2 One option to get the container to fill the parent container is to use width: auto; */
@@ -27,13 +27,13 @@
 .profile-links-container {
     background: #12F3F7;
     width: auto;
-    height: calc( 70% - 20px );
+    height: 30px;
 }
 /* Step-2 You can either use float left to get this element to in the desired location. */
 .logo-container {
     background: #4F4949;
     height: 100%;
-    width: 300px;
+    width: 200px;
     float: left;
 }
 

From 77fdb7f8f7d4395651fd688e379c6111a00c7f69 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:09:19 +0100
Subject: [PATCH 09/26] Update step-1.css

---
 level-1/step-1/step-1.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css
index b9b3bdbc..456a499d 100755
--- a/level-1/step-1/step-1.css
+++ b/level-1/step-1/step-1.css
@@ -1,6 +1,6 @@
 .header {
     width: 100%;
-    height: 100px;
+    height: 300px;
     background: #D8D8D8;
 }
 
@@ -9,7 +9,7 @@
 .content-left {
     width: 34%;
     /* This height is a placeholder. You will need to make some adjustments to get this container to look like the design. */
-    height: 150px;
+    height: 450px;
     background: #565555;
     float: left;
 }
@@ -20,7 +20,7 @@
 .content-mid {
     width: 66%;
     /* This height is a placeholder. You will need to make some adjustments to get this container to look like the design. */
-    height: 150px;
+    height: 450px;
     background: #B0B0B0;
     float: right; 
 }

From 128e19bef82cb98ef6635c5f95b628a72e45e808 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:14:01 +0100
Subject: [PATCH 10/26] Update step-3.css

---
 level-1/step-3/step-3.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/level-1/step-3/step-3.css b/level-1/step-3/step-3.css
index 9f11fb86..67ecb20d 100755
--- a/level-1/step-3/step-3.css
+++ b/level-1/step-3/step-3.css
@@ -19,8 +19,8 @@
 
 .content {
   background: #D8D8D8;
-  width: 55%;
-  height: 80%;
+  width: 90%;
+  height: 90%;
   background: #D8D8D8;
   padding: 20px;
   text-align: center;

From 34f46455987462a176ae6b19716a48b529871490 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:16:15 +0100
Subject: [PATCH 11/26] Update step-3.css

---
 level-1/step-3/step-3.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/level-1/step-3/step-3.css b/level-1/step-3/step-3.css
index 67ecb20d..e7083f25 100755
--- a/level-1/step-3/step-3.css
+++ b/level-1/step-3/step-3.css
@@ -3,13 +3,13 @@
 
 
 .content-mid {
-  padding: 80px;
+  padding: 80px 80px 80px 80px;
 }
 
 .content-mid-header {
     background: #444;
     width: 60%;
-    height: 20%
+    height: 20%;
 }
 
 .content-container {

From 646cb8b3e5c147e4171ff03af2b64ca671ae4e41 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:23:20 +0100
Subject: [PATCH 12/26] Update index.html

---
 level-1/index.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/level-1/index.html b/level-1/index.html
index 8fe62d70..ee7ad0b9 100644
--- a/level-1/index.html
+++ b/level-1/index.html
@@ -22,9 +22,9 @@
 
         <header class="header">
 
-            <div class="logo-container"></div>
+            <div class="logo-container">--My Logo--</div>
 
-            <div class="menu-container"></div>
+            <div class="menu-container">Home | My Profile | Links</div>
 
         </header>
 
@@ -32,9 +32,9 @@
 
             <div class="content-left">
 
-                <div class="profile-image-container" ></div>
+                <div class="profile-image-container" >This is profile image container</div>
 
-                <div class="profile-links-container"></div>
+                <div class="profile-links-container">this is profile link container</div>
 
             </div>
 
@@ -42,19 +42,19 @@
 
                 <section class="content-container">
 
-                    <header class="content-mid-header"></header>
+                    <header class="content-mid-header"><h1>Git Hub </h1></header>
 
-                    <div class="content">GitHub is a global company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft, which acquired the company in 2018 for $7.5 billion.[3] It offers all of the distributed version control and source code management (SCM) functionality of Git as well as adding its own features. It provides access control and several collaboration features such as bug tracking, feature requests, task management, and wikis for every project.[4]
+                    <div class="content"><p>GitHub is a global company that provides hosting for software development version control using Git. It is a subsidiary of Microsoft, which acquired the company in 2018 for $7.5 billion.[3] It offers all of the distributed version control and source code management (SCM) functionality of Git as well as adding its own features. It provides access control and several collaboration features such as bug tracking, feature requests, task management, and wikis for every project.[4]
 
 GitHub offers plans for free, professional, and enterprise accounts.[5] Free GitHub accounts are commonly used to host open source projects.[6] As of January 2019, GitHub offers unlimited private repositories to all plans, including free accounts.[7] As of May 2019, GitHub reports having over 37 million users[8] and more than 100 million repositories[9] (including at least 28 million public repositories),[10] making it the largest host of source code in the world.[11]</div>
 
-                </section>
+               </p> </section>
 
             </div>
 
         </section>
 
-        <footer class="footer"> </footer>
+        <footer class="footer"> copy right &copy; 2020</footer>
 
     </main>
   </body>

From ac6b3468a9e00fbcd1e2c444bf3f7b208a9a24d8 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:24:10 +0100
Subject: [PATCH 13/26] Update step-1.css

---
 level-1/step-1/step-1.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css
index 456a499d..e6ca3000 100755
--- a/level-1/step-1/step-1.css
+++ b/level-1/step-1/step-1.css
@@ -1,6 +1,6 @@
 .header {
     width: 100%;
-    height: 300px;
+    height: 200px;
     background: #D8D8D8;
 }
 

From 82bef81d3cd7297e0f9a374e05251565d2ef1802 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:27:32 +0100
Subject: [PATCH 14/26] Update index.html

---
 level-1/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/level-1/index.html b/level-1/index.html
index ee7ad0b9..28e8a4ce 100644
--- a/level-1/index.html
+++ b/level-1/index.html
@@ -54,7 +54,7 @@
 
         </section>
 
-        <footer class="footer"> copy right &copy; 2020</footer>
+        <footer class="footer"><span>copy right &copy; 2020</span></footer>
 
     </main>
   </body>

From 6fdb7c7ac43919347b2591d77968b887428c5a17 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:28:38 +0100
Subject: [PATCH 15/26] Update step-1.css

---
 level-1/step-1/step-1.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css
index e6ca3000..9a56a5a9 100755
--- a/level-1/step-1/step-1.css
+++ b/level-1/step-1/step-1.css
@@ -7,6 +7,7 @@
 /* Use float to get this container in its desired location. */
 
 .content-left {
+    text-align: center;
     width: 34%;
     /* This height is a placeholder. You will need to make some adjustments to get this container to look like the design. */
     height: 450px;
@@ -28,6 +29,7 @@
 /* Use float to get this container to the bottom of the screen  */
 
 .footer {
+     text-align: center;
     width: 100%;
     height: 100px;
     background: #3A3A3A;

From 9b866fd2ac8841fc2c6d7d474ad550d01706d0fa Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:30:30 +0100
Subject: [PATCH 16/26] Update step-1.css

---
 level-1/step-1/step-1.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css
index 9a56a5a9..44e43472 100755
--- a/level-1/step-1/step-1.css
+++ b/level-1/step-1/step-1.css
@@ -29,7 +29,7 @@
 /* Use float to get this container to the bottom of the screen  */
 
 .footer {
-     text-align: center;
+    text-align: center;
     width: 100%;
     height: 100px;
     background: #3A3A3A;

From b9b17112dbc02b9ab8943b808ff06e19f391e5b1 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:31:07 +0100
Subject: [PATCH 17/26] Update step-1.css

---
 level-1/step-1/step-1.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css
index 44e43472..b37f22e7 100755
--- a/level-1/step-1/step-1.css
+++ b/level-1/step-1/step-1.css
@@ -30,6 +30,7 @@
 
 .footer {
     text-align: center;
+    font-color: white;
     width: 100%;
     height: 100px;
     background: #3A3A3A;

From 700cf4fcf70223345f1d55cddd6111c0d7d68d29 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:36:10 +0100
Subject: [PATCH 18/26] Update step-2.css

---
 level-1/step-2/step-2.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/level-1/step-2/step-2.css b/level-1/step-2/step-2.css
index 6507d7af..9b368cc2 100644
--- a/level-1/step-2/step-2.css
+++ b/level-1/step-2/step-2.css
@@ -43,8 +43,8 @@
 
 .menu-container {
     background: #4F4949;
-    height: 100%;
-    width: 50px;
+    height: 10%;
+    width: 150px;
     float: right;
 }
 

From 6b7e37be8ebaa5955ee17add5324b9814ebe8b0e Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:38:16 +0100
Subject: [PATCH 19/26] Update step-3.css

---
 level-1/step-3/step-3.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/level-1/step-3/step-3.css b/level-1/step-3/step-3.css
index e7083f25..7c525ee8 100755
--- a/level-1/step-3/step-3.css
+++ b/level-1/step-3/step-3.css
@@ -19,9 +19,9 @@
 
 .content {
   background: #D8D8D8;
-  width: 90%;
-  height: 90%;
+  width: 100%;
+  height: 450px;
   background: #D8D8D8;
-  padding: 20px;
+  padding: 20px 20px 20px 20px;
   text-align: center;
 }

From 5b6414c2b485278f4d2f6a563ef9aba5501c105d Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:42:11 +0100
Subject: [PATCH 20/26] Update step-1.css

---
 level-1/step-1/step-1.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css
index b37f22e7..99aeb971 100755
--- a/level-1/step-1/step-1.css
+++ b/level-1/step-1/step-1.css
@@ -10,7 +10,7 @@
     text-align: center;
     width: 34%;
     /* This height is a placeholder. You will need to make some adjustments to get this container to look like the design. */
-    height: 450px;
+    height: auto;
     background: #565555;
     float: left;
 }
@@ -21,7 +21,7 @@
 .content-mid {
     width: 66%;
     /* This height is a placeholder. You will need to make some adjustments to get this container to look like the design. */
-    height: 450px;
+    height: auto;
     background: #B0B0B0;
     float: right; 
 }
@@ -30,7 +30,7 @@
 
 .footer {
     text-align: center;
-    font-color: white;
+    color: #fff;
     width: 100%;
     height: 100px;
     background: #3A3A3A;

From abfadc5feb659e830b9377dd14fb20a1a9a1a23b Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:50:51 +0100
Subject: [PATCH 21/26] Update step-1.css

---
 level-1/step-1/step-1.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css
index 99aeb971..d410e84a 100755
--- a/level-1/step-1/step-1.css
+++ b/level-1/step-1/step-1.css
@@ -21,7 +21,7 @@
 .content-mid {
     width: 66%;
     /* This height is a placeholder. You will need to make some adjustments to get this container to look like the design. */
-    height: auto;
+    height: 550px;
     background: #B0B0B0;
     float: right; 
 }

From 5d4222e75300f06d09ba2e6368388820d55d6668 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:55:25 +0100
Subject: [PATCH 22/26] Update step-2.css

---
 level-1/step-2/step-2.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/level-1/step-2/step-2.css b/level-1/step-2/step-2.css
index 9b368cc2..8a220e27 100644
--- a/level-1/step-2/step-2.css
+++ b/level-1/step-2/step-2.css
@@ -32,6 +32,7 @@
 /* Step-2 You can either use float left to get this element to in the desired location. */
 .logo-container {
     background: #4F4949;
+    color: #ffffff;
     height: 100%;
     width: 200px;
     float: left;

From 98b15cd55ca2de4a8c8d0f59a3f7d86bc450eec6 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Fri, 17 Jan 2020 22:56:56 +0100
Subject: [PATCH 23/26] Update step-3.css

---
 level-1/step-3/step-3.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/level-1/step-3/step-3.css b/level-1/step-3/step-3.css
index 7c525ee8..25377e8c 100755
--- a/level-1/step-3/step-3.css
+++ b/level-1/step-3/step-3.css
@@ -8,12 +8,14 @@
 
 .content-mid-header {
     background: #444;
-    width: 60%;
+    width: 100%;
+    color: #fff;
+    text-align: center;
     height: 20%;
 }
 
 .content-container {
-  width: 60%;
+  width: 100%;
   height: 100%;
 }
 

From ba156a6d2d5f119c438d2465395d97c521ae66b2 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Sat, 18 Jan 2020 19:59:50 +0100
Subject: [PATCH 24/26] Update step-2.css

---
 level-1/step-2/step-2.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/level-1/step-2/step-2.css b/level-1/step-2/step-2.css
index 8a220e27..3a011446 100644
--- a/level-1/step-2/step-2.css
+++ b/level-1/step-2/step-2.css
@@ -31,6 +31,7 @@
 }
 /* Step-2 You can either use float left to get this element to in the desired location. */
 .logo-container {
+    background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Octicons-mark-github.svg/1200px-Octicons-mark-github.svg.png");
     background: #4F4949;
     color: #ffffff;
     height: 100%;

From 31eb25a0d02a4cb48f0c9fbef2ecb21b3d421ad4 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Sat, 18 Jan 2020 20:03:00 +0100
Subject: [PATCH 25/26] Update step-2.css

---
 level-1/step-2/step-2.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/level-1/step-2/step-2.css b/level-1/step-2/step-2.css
index 3a011446..c18afb54 100644
--- a/level-1/step-2/step-2.css
+++ b/level-1/step-2/step-2.css
@@ -32,7 +32,7 @@
 /* Step-2 You can either use float left to get this element to in the desired location. */
 .logo-container {
     background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Octicons-mark-github.svg/1200px-Octicons-mark-github.svg.png");
-    background: #4F4949;
+    /*background: #4F4949;*/
     color: #ffffff;
     height: 100%;
     width: 200px;
@@ -46,7 +46,7 @@
 .menu-container {
     background: #4F4949;
     height: 10%;
-    width: 150px;
+    width: 200px;
     float: right;
 }
 

From 3489396f50bc6fbdc0a176e4e74f523cccec5ba1 Mon Sep 17 00:00:00 2001
From: Thomas Haile <59530856+thomashaile@users.noreply.github.com>
Date: Sat, 18 Jan 2020 20:11:55 +0100
Subject: [PATCH 26/26] Update step-2.css

---
 level-1/step-2/step-2.css | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/level-1/step-2/step-2.css b/level-1/step-2/step-2.css
index c18afb54..74e545bd 100644
--- a/level-1/step-2/step-2.css
+++ b/level-1/step-2/step-2.css
@@ -31,9 +31,8 @@
 }
 /* Step-2 You can either use float left to get this element to in the desired location. */
 .logo-container {
-    background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Octicons-mark-github.svg/1200px-Octicons-mark-github.svg.png");
-    /*background: #4F4949;*/
-    color: #ffffff;
+   background: light-blue;
+    color: white;
     height: 100%;
     width: 200px;
     float: left;