From 953a1782ba9d4e609ffee7ad22f6d6fd2e34a46c Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Thu, 19 Sep 2019 13:31:10 -0400
Subject: [PATCH 01/23] added divs next to one another

---
 my-styles.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/my-styles.css b/my-styles.css
index f7d02e4..768048b 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -1,4 +1,3 @@
 /* Your Stylesheet */
-
+div:inline-block;
 /* All your edits should go here */
-

From bc59204ee4833c224951ddab72acb3fc665b1645 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Thu, 19 Sep 2019 13:51:14 -0400
Subject: [PATCH 02/23] added thin blue line and seperation of 20 pixels

---
 my-styles.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/my-styles.css b/my-styles.css
index 768048b..15b819a 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -1,3 +1,7 @@
 /* Your Stylesheet */
-div:inline-block;
+div{
+  display:inline;
+  padding-left: 20px;
+  border: 4px solid blue;
+  }
 /* All your edits should go here */

From ae845088b457e929c064d230989751709610cee4 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Thu, 19 Sep 2019 14:05:13 -0400
Subject: [PATCH 03/23] finished second display and fixed specization errors in
 display one

---
 my-styles.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/my-styles.css b/my-styles.css
index 15b819a..bfd7e3c 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -1,7 +1,11 @@
 /* Your Stylesheet */
-div{
+#display-01 div{
   display:inline;
   padding-left: 20px;
   border: 4px solid blue;
   }
+  #display-02 span{
+    display:block;
+    border: 4px solid red;
+  }
 /* All your edits should go here */

From e144389f663563438d20042c6c470096233baf29 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Thu, 19 Sep 2019 14:41:51 -0400
Subject: [PATCH 04/23] finished display-03

---
 my-styles.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/my-styles.css b/my-styles.css
index bfd7e3c..21cc712 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -1,11 +1,20 @@
 /* Your Stylesheet */
 #display-01 div{
   display:inline;
-  padding-left: 20px;
+  margin-left: 10px;
+  margin-right: 10px;
   border: 4px solid blue;
   }
   #display-02 span{
     display:block;
     border: 4px solid red;
   }
+#display-03 div{
+  display:inline;
+  padding: 50px;
+  border: 4px solid green;
+}
+ #display-04:nth-of-type{
+  opacity: 0;
+}
 /* All your edits should go here */

From 192d12398ce46b9cf9f2239eb8ec9938f5a077ea Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Thu, 19 Sep 2019 14:44:22 -0400
Subject: [PATCH 05/23] finished display-04

---
 my-styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/my-styles.css b/my-styles.css
index 21cc712..9802d73 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -14,7 +14,7 @@
   padding: 50px;
   border: 4px solid green;
 }
- #display-04:nth-of-type{
+ #display-04 div:nth-of-type(odd){
   opacity: 0;
 }
 /* All your edits should go here */

From 643fd920a75ed4a643798fbdc1b83b1c5130cb2e Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Thu, 19 Sep 2019 15:02:21 -0400
Subject: [PATCH 06/23] finished display-05

---
 my-styles.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/my-styles.css b/my-styles.css
index 9802d73..8301a80 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -17,4 +17,14 @@
  #display-04 div:nth-of-type(odd){
   opacity: 0;
 }
+#display-05 a{
+  display:block;
+  background:grey;
+  border: 4px solid gray;
+  width:50%;
+  padding-top: 40px;
+  padding-bottom: 40px;
+  margin-left: 25%;
+  margin-right: 25%;
+}
 /* All your edits should go here */

From 5faa42faead8805074e7931c289b1008126e1f0b Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Thu, 19 Sep 2019 15:15:54 -0400
Subject: [PATCH 07/23] finished the first box model

---
 my-styles.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/my-styles.css b/my-styles.css
index 8301a80..6828437 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -27,4 +27,10 @@
   margin-left: 25%;
   margin-right: 25%;
 }
+#boxmodel-01 div{
+  display : flex;
+  justify-content : center;
+  padding: 70px;
+  border: 50px solid red;
+}
 /* All your edits should go here */

From 3f753a3f9c9a0dedecb10a1a1d62c3a6e3c8625b Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Thu, 19 Sep 2019 15:45:01 -0400
Subject: [PATCH 08/23] finished box 1 and 2

---
 my-styles.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/my-styles.css b/my-styles.css
index 6828437..81e0336 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -33,4 +33,13 @@
   padding: 70px;
   border: 50px solid red;
 }
+#boxmodel-02 div{
+  display : flex;
+  justify-content : center;
+  padding: 70px;
+  border: 50px solid red;
+  margin-left: 25%;
+  margin-right: 25%;
+  box-sizing:border-box;
+}
 /* All your edits should go here */

From dc0653accab2a1d420a10129d20f7573ed9770cd Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Thu, 19 Sep 2019 16:03:32 -0400
Subject: [PATCH 09/23] finished float 1 and 2

---
 my-styles.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/my-styles.css b/my-styles.css
index 81e0336..6247533 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -42,4 +42,19 @@
   margin-right: 25%;
   box-sizing:border-box;
 }
+#float-01 img{
+  float: left;
+  margin-right: 30px;
+  margin-bottom: 30px;
+  margin-top: 30px;
+}
+#float-02 img{
+  float: right;
+  margin-left: 30px;
+  margin-bottom: 30px;
+  margin-top: 30px;
+}
+#float-02 p{
+  text-align: justify;
+}
 /* All your edits should go here */

From 79919b7a26814840a4fe3fd41606c089437298c5 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Thu, 19 Sep 2019 16:05:07 -0400
Subject: [PATCH 10/23] finished float 3

---
 my-styles.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/my-styles.css b/my-styles.css
index 6247533..5ffda97 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -57,4 +57,10 @@
 #float-02 p{
   text-align: justify;
 }
+#float-03 img{
+  margin-left:30px;
+  margin-right: 30px;
+  margin-bottom: 30px;
+  margin-top: 30px;
+}
 /* All your edits should go here */

From bea4609b1b5b10785070dcd7091e6cfc955fd410 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Thu, 19 Sep 2019 16:20:29 -0400
Subject: [PATCH 11/23] fixed float 3

---
 my-styles.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/my-styles.css b/my-styles.css
index 5ffda97..8fd25ca 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -58,9 +58,13 @@
   text-align: justify;
 }
 #float-03 img{
+  float: left;
   margin-left:30px;
   margin-right: 30px;
   margin-bottom: 30px;
   margin-top: 30px;
 }
+#float-03 p:nth-of-type(even){
+  clear: both;
+}
 /* All your edits should go here */

From 68fda2174103a9a9ec5e1d7df490505438f724d3 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Fri, 20 Sep 2019 09:16:17 -0400
Subject: [PATCH 12/23] added margin to float 4

---
 my-styles.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/my-styles.css b/my-styles.css
index 8fd25ca..f40f965 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -67,4 +67,15 @@
 #float-03 p:nth-of-type(even){
   clear: both;
 }
+#float-04 img{
+  float: left;
+  margin-left:30px;
+  margin-right: 30px;
+  margin-bottom: 30px;
+  margin-top: 30px;
+}
+#float--4 div{
+  background: blue;
+  border:4px blue;
+}
 /* All your edits should go here */

From 9d9b9d3ecf36f68b197efc48321af28978584121 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Fri, 20 Sep 2019 09:22:40 -0400
Subject: [PATCH 13/23] finished float 5

---
 my-styles.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/my-styles.css b/my-styles.css
index f40f965..96fcdd2 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -74,8 +74,11 @@
   margin-bottom: 30px;
   margin-top: 30px;
 }
-#float--4 div{
-  background: blue;
-  border:4px blue;
+#float-04 div{
+  border:4px solid rgb(79,185,227);
+  background-color: rgb(79,185,227);
+  padding: 10px;
+  color: #fff;
+  overflow: auto;
 }
 /* All your edits should go here */

From 8a573f32d466228e031affec9f7b1399d843f0f9 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Fri, 20 Sep 2019 09:37:30 -0400
Subject: [PATCH 14/23] fixed float 4 and finished 5

---
 my-styles.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/my-styles.css b/my-styles.css
index 96fcdd2..0cdf48e 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -81,4 +81,19 @@
   color: #fff;
   overflow: auto;
 }
+#float-05 p:nth-of-type(odd){
+  float: left;
+  width: 40%;
+  padding: 20px;
+}
+#float-05 p:nth-of-type(even){
+  float: right;
+  width: 40%;
+  padding:20px;
+  border-left: 6px solid green;
+  height: 500;
+  position: absolute;
+  left: 50%;
+}
+
 /* All your edits should go here */

From 03dfb70989a6c3f5f70e22fd8f0b81f096876f81 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Fri, 20 Sep 2019 09:56:06 -0400
Subject: [PATCH 15/23] finished position 1

---
 my-styles.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/my-styles.css b/my-styles.css
index 0cdf48e..fa8349b 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -95,5 +95,28 @@
   position: absolute;
   left: 50%;
 }
+#float-06 p:first-of-type{
+  float: left;
+  width: 40%;
+  padding: 20px;
+}
+ #float-06 p:nth-of-type(even){
+  float: right;
+  width: 40%;
+  padding:20px;
+}
+#float-06 div{
+  padding: 10px;
+  overflow: auto;
+}
+#position-01 div{
+  background-color: red;
+  display:inline;
+  padding: 40px;
+}
+#position-01 div:nth-of-type(even){
+  position: relative;
+ right: 20px;
+}
 
 /* All your edits should go here */

From a54b49413f939efdea5feb863ab95fabd2723fd5 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Fri, 20 Sep 2019 10:46:14 -0400
Subject: [PATCH 16/23] finished position 2

---
 my-styles.css | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/my-styles.css b/my-styles.css
index fa8349b..cb45f82 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -118,5 +118,27 @@
   position: relative;
  right: 20px;
 }
-
+#position-02 div{
+  border: solid 10px green;
+}
+#position-02 span:nth-of-type(1){
+  position:absolute;
+  top:10px;
+  left:10px;
+}
+#position-02 span:nth-of-type(2){
+  position:absolute;
+  top:10px;
+  right:10px;
+}
+#position-02 span:nth-of-type(3){
+  position:absolute;
+  bottom:10px;
+  left:10px;
+}
+#position-02 span:nth-of-type(4){
+  position:absolute;
+  bottom:10px;
+  right:10px;
+}
 /* All your edits should go here */

From 47593f676fe6a904ecffe23694563fccfc5aaba8 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Fri, 20 Sep 2019 10:58:38 -0400
Subject: [PATCH 17/23] finished position-03

---
 my-styles.css | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/my-styles.css b/my-styles.css
index cb45f82..1e8dfb5 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -131,14 +131,39 @@
   top:10px;
   right:10px;
 }
-#position-02 span:nth-of-type(3){
+#position-02 span:nth-of-type(4){
   position:absolute;
   bottom:10px;
   left:10px;
 }
-#position-02 span:nth-of-type(4){
+#position-02 span:nth-of-type(3){
   position:absolute;
   bottom:10px;
   right:10px;
 }
+#position-03 div{
+  border: solid 10px green;
+  height: 100px;
+}
+#position-03 span:nth-of-type(1){
+  position:relative;
+left: 10px;
+top: 10px;
+}
+#position-03 span:nth-of-type(2){
+  position:relative;
+right: -750px;
+top: 10px;
+}
+#position-03 span:nth-of-type(4){
+  position:relative;
+left: -125px;
+bottom: -80px;
+}
+#position-03 span:nth-of-type(3){
+  position:relative;
+right: -700px;
+bottom: -80px;
+}
+
 /* All your edits should go here */

From af5d7ce75915d70d7339b0895d3d51804bc30493 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Sun, 22 Sep 2019 14:16:09 -0400
Subject: [PATCH 18/23] fixed prior errors in code

---
 my-styles.css | 89 ++++++++++++++++++++-------------------------------
 1 file changed, 35 insertions(+), 54 deletions(-)

diff --git a/my-styles.css b/my-styles.css
index 1e8dfb5..beddfbe 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -1,8 +1,7 @@
 /* Your Stylesheet */
 #display-01 div{
   display:inline;
-  margin-left: 10px;
-  margin-right: 10px;
+  margin: 10px;
   border: 4px solid blue;
   }
   #display-02 span{
@@ -11,74 +10,57 @@
   }
 #display-03 div{
   display:inline;
-  padding: 50px;
+  width: 50px;
+  height: 50px;
   border: 4px solid green;
 }
  #display-04 div:nth-of-type(odd){
-  opacity: 0;
+  display:none;
 }
 #display-05 a{
   display:block;
   background:grey;
   border: 4px solid gray;
   width:50%;
-  padding-top: 40px;
-  padding-bottom: 40px;
-  margin-left: 25%;
-  margin-right: 25%;
+  padding-top: 30px;
+  margin: 0 auto;
 }
 #boxmodel-01 div{
-  display : flex;
-  justify-content : center;
+  width: 50%;
   padding: 70px;
+  margin: 0 auto;
   border: 50px solid red;
 }
 #boxmodel-02 div{
-  display : flex;
-  justify-content : center;
-  padding: 70px;
+  padding: 50px;
   border: 50px solid red;
-  margin-left: 25%;
-  margin-right: 25%;
+  width: 50%;
   box-sizing:border-box;
 }
 #float-01 img{
   float: left;
-  margin-right: 30px;
-  margin-bottom: 30px;
-  margin-top: 30px;
+  margin: 30px 30px 30px 0;
 }
 #float-02 img{
   float: right;
-  margin-left: 30px;
-  margin-bottom: 30px;
-  margin-top: 30px;
+  margin: 1em 0 1em 1em;
 }
 #float-02 p{
   text-align: justify;
 }
 #float-03 img{
   float: left;
-  margin-left:30px;
-  margin-right: 30px;
-  margin-bottom: 30px;
-  margin-top: 30px;
+  margin: 30px;
 }
-#float-03 p:nth-of-type(even){
+#float-03 p:last-child{
   clear: both;
 }
 #float-04 img{
   float: left;
-  margin-left:30px;
-  margin-right: 30px;
-  margin-bottom: 30px;
-  margin-top: 30px;
+  margin: 30px;
 }
 #float-04 div{
-  border:4px solid rgb(79,185,227);
   background-color: rgb(79,185,227);
-  padding: 10px;
-  color: #fff;
   overflow: auto;
 }
 #float-05 p:nth-of-type(odd){
@@ -87,7 +69,7 @@
   padding: 20px;
 }
 #float-05 p:nth-of-type(even){
-  float: right;
+  float: left;
   width: 40%;
   padding:20px;
   border-left: 6px solid green;
@@ -101,7 +83,7 @@
   padding: 20px;
 }
  #float-06 p:nth-of-type(even){
-  float: right;
+  float: left;
   width: 40%;
   padding:20px;
 }
@@ -111,59 +93,58 @@
 }
 #position-01 div{
   background-color: red;
-  display:inline;
-  padding: 40px;
+  width: 60px;
+  height: 60px;
 }
 #position-01 div:nth-of-type(even){
   position: relative;
- right: 20px;
+ left: 60px;
 }
 #position-02 div{
   border: solid 10px green;
 }
+#position-02 span{
+  position: absolute;
+}
 #position-02 span:nth-of-type(1){
-  position:absolute;
   top:10px;
   left:10px;
 }
 #position-02 span:nth-of-type(2){
-  position:absolute;
   top:10px;
   right:10px;
 }
 #position-02 span:nth-of-type(4){
-  position:absolute;
   bottom:10px;
   left:10px;
 }
 #position-02 span:nth-of-type(3){
-  position:absolute;
   bottom:10px;
   right:10px;
 }
 #position-03 div{
   border: solid 10px green;
   height: 100px;
+  position: relative;
+}
+#position-03 span{
+  position: absolute;
 }
 #position-03 span:nth-of-type(1){
-  position:relative;
-left: 10px;
-top: 10px;
+left: 0;
+top: 0;
 }
 #position-03 span:nth-of-type(2){
-  position:relative;
-right: -750px;
-top: 10px;
+right: 0;
+top: 0;
 }
 #position-03 span:nth-of-type(4){
-  position:relative;
-left: -125px;
-bottom: -80px;
+left: 0;
+bottom: 0;
 }
 #position-03 span:nth-of-type(3){
-  position:relative;
-right: -700px;
-bottom: -80px;
+right: 0;
+bottom: -0;
 }
 
 /* All your edits should go here */

From 31de087873a034244a02d64389afe715ada49451 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Sun, 22 Sep 2019 14:23:30 -0400
Subject: [PATCH 19/23] finished position 4

---
 my-styles.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/my-styles.css b/my-styles.css
index beddfbe..9311985 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -144,7 +144,15 @@ bottom: 0;
 }
 #position-03 span:nth-of-type(3){
 right: 0;
-bottom: -0;
+bottom: 0;
+}
+#position-04{
+  position: static;
+}
+#position-04 div{
+  position: absolute;
+  top: 0;
+  left: 0;
 }
 
 /* All your edits should go here */

From f3a03038a8e3c501c579d1b871cadf6552a95864 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Sun, 22 Sep 2019 14:38:41 -0400
Subject: [PATCH 20/23] finished position 5

---
 my-styles.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/my-styles.css b/my-styles.css
index 9311985..1108a96 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -154,5 +154,29 @@ bottom: 0;
   top: 0;
   left: 0;
 }
+#position-05{
+  position:relative;
+}
+#position-05 .outer-box {
+  background-color: red;
+  width: 4rem;
+  height: 4rem;
+  position: absolute;
+  top: 0;
+}
+#position-05 .outer-box:first-child{
+  left: 0;
+}
+#position-05 .outer-box:last-child{
+  right: 0;
+}
+#position-05 .inner-box{
+  width: 1rem;
+  height: 1rem;
+  background-color: blue;
+  position: relative;
+  left: 1.5rem;
+  top:1.5rem;
+}
 
 /* All your edits should go here */

From b7f27f3e4fa7c44c6547fcec8efa3fa70a068ec2 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Sun, 22 Sep 2019 14:44:49 -0400
Subject: [PATCH 21/23] finished position 6

---
 my-styles.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/my-styles.css b/my-styles.css
index 1108a96..def9308 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -178,5 +178,17 @@ bottom: 0;
   left: 1.5rem;
   top:1.5rem;
 }
+#position-06{
+  position:relative;
+}
+#position-06 div{
+  background-color: lavender;
+  position:absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+
+}
 
 /* All your edits should go here */

From 028ee617f7aef16896c5ef257c8a4ff8c7f2c1e8 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Sun, 22 Sep 2019 14:55:27 -0400
Subject: [PATCH 22/23] finished position 7

---
 my-styles.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/my-styles.css b/my-styles.css
index def9308..a04ed95 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -188,7 +188,17 @@ bottom: 0;
   left: 0;
   right: 0;
   bottom: 0;
-
+}
+#position-07 a{
+  position:fixed;
+  right: 0;
+  bottom: 0;
+  background-color: red;
+  padding: 20px;
+  margin: 10px
+}
+#position-07 a:hover{
+  color: lightpink;
 }
 
 /* All your edits should go here */

From 33a920d9a3976dd7ba913edbab5e711e90881b49 Mon Sep 17 00:00:00 2001
From: Andrew Scholly <SATmaster728@gmail.com>
Date: Sun, 22 Sep 2019 15:47:21 -0400
Subject: [PATCH 23/23] finished layout

---
 my-styles.css | 45 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/my-styles.css b/my-styles.css
index a04ed95..4b830d0 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -200,5 +200,50 @@ bottom: 0;
 #position-07 a:hover{
   color: lightpink;
 }
+#layout{
+  background-color: lightblue;
+}
+#layout #wrapper{
+  width: 85%;
+  margin: 0 auto;
+  background-color: red;
+}
+#layout nav{
+  background:lightpink;
+}
+#layout nav:after{
+  content: "";
+  clear:both;
+  display: table;
+}
+#layout nav a{
+  display: block;
+  float: left;
+  border-right: black solid 1px;
+  padding: 1rem 2rem;
+}
+#layout nav a:hover{
+  background-color: green;
+}
+#layout aside{
+  position: absolute;
+  float: right;
+  box-sizing: border-box;
+  width 10%;
+  margin-left: 25rem;
+  padding: 10px;
+  background-color: grey;
+  border-top: 10px solid purple;
+}
+#layout main{
+  margin: 2rem;
+  margin-right: 10rem;
+}
+#layout footer{
+  background-color: orange;
+  padding: 1rem 2rem;
+  position: static;
+  bottom:0;
+}
 
 /* All your edits should go here */