From 98d93695237216c88773e73b07b0e635568f8df8 Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 13:28:18 -0400
Subject: [PATCH 01/23] completed #display-01

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

diff --git a/my-styles.css b/my-styles.css
index f7d02e4..2f4f7f5 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -1,4 +1,8 @@
 /* Your Stylesheet */
 
-/* All your edits should go here */
 
+#display-01 div {
+  display: inline;
+  border: thin solid blue;
+  margin: 20px;
+}

From 43d835831f6b92d6c6a6fc5d54c33ee97ae7d914 Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 13:32:40 -0400
Subject: [PATCH 02/23] completed #display-02

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

diff --git a/my-styles.css b/my-styles.css
index 2f4f7f5..6a6fc43 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -6,3 +6,9 @@
   border: thin solid blue;
   margin: 20px;
 }
+
+#display-02 span {
+  display: block;
+  border: thin solid red;
+  width: 100%;
+}

From e7930d4ca3f8e835e7cd18adad6d347e64de2325 Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 13:47:44 -0400
Subject: [PATCH 03/23] completed #display-03

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

diff --git a/my-styles.css b/my-styles.css
index 6a6fc43..76daaf0 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -12,3 +12,10 @@
   border: thin solid red;
   width: 100%;
 }
+
+#display-03 div {
+  display: inline-block;
+  border: thin solid green;
+  width: 50px;
+  height: 50px;
+}

From 445eca46a027b16a9d600b19e4de9526927fcfeb Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 13:51:26 -0400
Subject: [PATCH 04/23] completed #display-04

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

diff --git a/my-styles.css b/my-styles.css
index 76daaf0..f152665 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -19,3 +19,7 @@
   width: 50px;
   height: 50px;
 }
+
+#display-04 div:nth-of-type(1){
+  display:none;
+}

From 2530bd2a1545876917d5acf15c4183a7c03c52a1 Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 13:58:26 -0400
Subject: [PATCH 05/23] completed #display-05

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

diff --git a/my-styles.css b/my-styles.css
index f152665..56619e8 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -23,3 +23,12 @@
 #display-04 div:nth-of-type(1){
   display:none;
 }
+
+#display-05 a{
+  display: block;
+  width: 50%;
+  background-color: skyblue;
+  padding: 10px 0px 10px 0px;
+  margin-left: 25%;
+  margin-right: 25%;
+}

From 91b2f8069de33dbcc0d60783ed4285619f0ef6ba Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 14:06:57 -0400
Subject: [PATCH 06/23] completed #boxmodel-01

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

diff --git a/my-styles.css b/my-styles.css
index 56619e8..8d26a5f 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -1,6 +1,8 @@
 /* Your Stylesheet */
 
 
+/* ----Display---- */
+
 #display-01 div {
   display: inline;
   border: thin solid blue;
@@ -20,11 +22,11 @@
   height: 50px;
 }
 
-#display-04 div:nth-of-type(1){
+#display-04 div:nth-of-type(1) {
   display:none;
 }
 
-#display-05 a{
+#display-05 a {
   display: block;
   width: 50%;
   background-color: skyblue;
@@ -32,3 +34,14 @@
   margin-left: 25%;
   margin-right: 25%;
 }
+
+
+/* ----Box Model---- */
+
+#boxmodel-01 div {
+  width: 50%;
+  margin-left: 25%;
+  margin-right: 25%;
+  padding: 20px;
+  border: thick solid;
+}

From 3677000ccfdaa0eb5216c1deb77535214ea32d3c Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 14:12:11 -0400
Subject: [PATCH 07/23] completed #boxmodel-02

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

diff --git a/my-styles.css b/my-styles.css
index 8d26a5f..9afad3c 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -45,3 +45,12 @@
   padding: 20px;
   border: thick solid;
 }
+
+#boxmodel-02 div {
+  width: 50%;
+  margin-left: 25%;
+  margin-right: 25%;
+  padding: 20px;
+  border: thick solid;
+  box-sizing: border-box;
+}

From 2858717576cacde4ab2463a9ba3ff7c20bff3609 Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 14:16:08 -0400
Subject: [PATCH 08/23] completed #float-01

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

diff --git a/my-styles.css b/my-styles.css
index 9afad3c..1c597a8 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -54,3 +54,11 @@
   border: thick solid;
   box-sizing: border-box;
 }
+
+
+/* ----Float---- */
+
+#float-01 img {
+  float: left;
+  margin: 25px 20px 20px 0px
+}

From 19820961877b6f613f19e6b3d299029b3a1ac86d Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 14:25:40 -0400
Subject: [PATCH 09/23] completed #float-02

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

diff --git a/my-styles.css b/my-styles.css
index 1c597a8..2df267d 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -60,5 +60,13 @@
 
 #float-01 img {
   float: left;
-  margin: 25px 20px 20px 0px
+  margin: 25px 20px 20px 0px;
+}
+
+#float-02 img {
+  float: right;
+  margin: 25px 0px 20px 20px;
+}
+#float-02 p {
+  text-align: justify;
 }

From 08d080f36b6e466e64c392934effb3532adc470a Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 14:35:49 -0400
Subject: [PATCH 10/23] completed #float-03

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

diff --git a/my-styles.css b/my-styles.css
index 2df267d..8b577e0 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -70,3 +70,11 @@
 #float-02 p {
   text-align: justify;
 }
+
+#float-03 img {
+  float: left;
+  margin: 20px;
+}
+#float-03 p.clear {
+  clear: left;
+}

From a9738baf324e3707795e59fb07147fe5f48cc70b Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 15:01:16 -0400
Subject: [PATCH 11/23] completed #float-04 and #float-05

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

diff --git a/my-styles.css b/my-styles.css
index 8b577e0..4de2877 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -78,3 +78,24 @@
 #float-03 p.clear {
   clear: left;
 }
+
+#float-04 img {
+  float: left;
+  margin: 20px;
+}
+#float-04 div {
+  background-color: lightblue;
+}
+#float-04 div ::after {
+  content: "";
+  clear: both;
+  display: block;
+}
+
+#float-05 {
+  column-count: 2;
+  column-rule: thin solid;
+}
+#float-05 p {
+  padding: 0px 20px 0px 20px;
+}

From 5ac60f967fea14f709ddaff224ef3e988a7aff0e Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 15:19:48 -0400
Subject: [PATCH 12/23] Redid #float-05 with floats instead of column-count

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

diff --git a/my-styles.css b/my-styles.css
index 4de2877..7053dea 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -92,10 +92,16 @@
   display: block;
 }
 
-#float-05 {
-  column-count: 2;
-  column-rule: thin solid;
+#float-05 p:first-of-type {
+  box-sizing: border-box;
+  float: left;
+  width: 50%;
+  padding-right: 20px;
 }
-#float-05 p {
-  padding: 0px 20px 0px 20px;
+#float-05 p:last-of-type {
+  box-sizing: border-box;
+  float: right;
+  width: 50%;
+  padding-left: 20px;
+  border-left: thin solid;
 }

From 2510f1084f767b58056e71b7fc8d9359ae980b9e Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 15:24:59 -0400
Subject: [PATCH 13/23] completed #float-06

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

diff --git a/my-styles.css b/my-styles.css
index 7053dea..bd29751 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -105,3 +105,21 @@
   padding-left: 20px;
   border-left: thin solid;
 }
+
+#float-06 div p:first-of-type {
+  box-sizing: border-box;
+  float: left;
+  width: 50%;
+  padding-right: 20px;
+  border-right: thin solid;
+}
+#float-06 div p:last-of-type {
+  box-sizing: border-box;
+  float: right;
+  width: 50%;
+  padding-left: 20px;
+}
+#float-06 p:only-of-type {
+  content: "";
+  clear: both;
+}

From 2cb7cb115eac327f7edb73497f67fa9be10c6057 Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 15:30:37 -0400
Subject: [PATCH 14/23] completed #position-01

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

diff --git a/my-styles.css b/my-styles.css
index bd29751..13f3da9 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -123,3 +123,16 @@
   content: "";
   clear: both;
 }
+
+
+/* ----Position---- */
+
+#position-01 div {
+  background-color: red;
+  width: 60px;
+  height: 60px;
+}
+#position-01 div:nth-child(even) {
+  position: relative;
+  left: 60px;
+}

From fe16f375b6e5d0ab276b43468e367daf91628447 Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 15:45:57 -0400
Subject: [PATCH 15/23] completed #position-02

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

diff --git a/my-styles.css b/my-styles.css
index 13f3da9..0d8b87d 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -136,3 +136,27 @@
   position: relative;
   left: 60px;
 }
+
+#position-02 div {
+  border: thin solid;
+}
+#position-02 span:nth-child(1){
+  position: absolute;
+  bottom:70%;
+  right:95%;
+}
+#position-02 span:nth-child(2){
+  position: absolute;
+  bottom:70%;
+  left:95%;
+}
+#position-02 span:nth-child(3){
+  position: absolute;
+  top:70%;
+  left:95%;
+}
+#position-02 span:nth-child(4){
+  position: absolute;
+  top:70%;
+  right:95%;
+}

From 791e0a031d01d89b915970f7813d2ba23b8d3d83 Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Thu, 19 Sep 2019 15:55:34 -0400
Subject: [PATCH 16/23] completed #position-03

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

diff --git a/my-styles.css b/my-styles.css
index 0d8b87d..623bab9 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -160,3 +160,24 @@
   top:70%;
   right:95%;
 }
+
+#position-03  div {
+  border: thin solid;
+  height: 100px;
+}
+#position-03 span:nth-child(1){
+  position: absolute;
+}
+#position-03 span:nth-child(2){
+  position: absolute;
+  left: 92%;
+}
+#position-03 span:nth-child(3){
+  position: absolute;
+  top: 64%;
+  left: 90.5%;
+}
+#position-03 span:nth-child(4){
+  position: absolute;
+  top: 64%;
+}

From 4f6ecda1b75e76e59fff1f7fc008937d4c5b46b5 Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Fri, 20 Sep 2019 10:18:18 -0400
Subject: [PATCH 17/23] completed #position-04

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

diff --git a/my-styles.css b/my-styles.css
index 623bab9..1dd50b7 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -181,3 +181,14 @@
   position: absolute;
   top: 64%;
 }
+
+body {
+  position: relative;
+}
+section#position-04 {
+  position: static;
+}
+#position-04 div {
+  position: absolute;
+  top: 0px;
+}

From 5789d03187f2efcda280e87b51b03fe55f65d6d6 Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Fri, 20 Sep 2019 10:31:35 -0400
Subject: [PATCH 18/23] completed #position-05

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

diff --git a/my-styles.css b/my-styles.css
index 1dd50b7..d677c7c 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -192,3 +192,25 @@ section#position-04 {
   position: absolute;
   top: 0px;
 }
+
+#position-05 .outer-box {
+  width: 4rem;
+  height: 4rem;
+  background-color: lightgray;
+  position: absolute;
+  bottom: 0px;
+}
+#position-05 .outer-box:first-of-type {
+  left: 0px;
+}
+#position-05 .outer-box:last-of-type {
+  right: 0px;
+}
+#position-05 .inner-box {
+  width: 1rem;
+  height: 1rem;
+  background-color: darkgray;
+  position: absolute;
+  top: 33.07px;
+  right: 33.07px;
+}

From 1fbf1e465963d127468a54bedf39a8dd9a7bad9b Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Fri, 20 Sep 2019 10:34:07 -0400
Subject: [PATCH 19/23] fixed #position-02

---
 my-styles.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/my-styles.css b/my-styles.css
index d677c7c..5fb6849 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -142,23 +142,23 @@
 }
 #position-02 span:nth-child(1){
   position: absolute;
-  bottom:70%;
-  right:95%;
+  top: 0px;
+  left: 0px;
 }
 #position-02 span:nth-child(2){
   position: absolute;
-  bottom:70%;
-  left:95%;
+  top: 0px;
+  right: 0px;
 }
 #position-02 span:nth-child(3){
   position: absolute;
-  top:70%;
-  left:95%;
+  bottom: 0px;
+  right: 0px;
 }
 #position-02 span:nth-child(4){
   position: absolute;
-  top:70%;
-  right:95%;
+  bottom: 0px;
+  left: 0px;
 }
 
 #position-03  div {

From eff6b56de6818e1cf2ac6dec2d33a86871dc8cf0 Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Fri, 20 Sep 2019 10:37:07 -0400
Subject: [PATCH 20/23] fixed #position-03

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

diff --git a/my-styles.css b/my-styles.css
index 5fb6849..7b67fab 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -162,24 +162,29 @@
 }
 
 #position-03  div {
+  position: relative;
   border: thin solid;
   height: 100px;
 }
 #position-03 span:nth-child(1){
   position: absolute;
+  top: 0px;
+  left: 0px;
 }
 #position-03 span:nth-child(2){
   position: absolute;
-  left: 92%;
+  right: 0px;
+  top: 0px;
 }
 #position-03 span:nth-child(3){
   position: absolute;
-  top: 64%;
-  left: 90.5%;
+  bottom: 0px;
+  right: 0px;
 }
 #position-03 span:nth-child(4){
   position: absolute;
-  top: 64%;
+  bottom: 0px;
+  left: 0px;
 }
 
 body {

From 3d3a92304fa46a430f0a5ef7f3e956b33512a9aa Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Fri, 20 Sep 2019 10:39:57 -0400
Subject: [PATCH 21/23] completed #position-06

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

diff --git a/my-styles.css b/my-styles.css
index 7b67fab..ab41228 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -219,3 +219,12 @@ section#position-04 {
   top: 33.07px;
   right: 33.07px;
 }
+
+#position-06 div {
+  background-color: lavender;
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}

From 192747bc9fb8782e25318494a42e8b75e85055f4 Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Fri, 20 Sep 2019 10:56:52 -0400
Subject: [PATCH 22/23] completed #position-07

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

diff --git a/my-styles.css b/my-styles.css
index ab41228..c279cf7 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -228,3 +228,14 @@ section#position-04 {
   bottom: 0px;
   left: 0px;
 }
+
+#position-07 a {
+  position: fixed;
+  bottom: 5px;
+  right: 5px;
+  background-color: #7d7d7d;
+  padding: 10px;
+}
+#position-07 a:hover {
+  background-color: darkgray;
+}

From 8b8d2001895b6a04d7134ac4e7dfa705740b372b Mon Sep 17 00:00:00 2001
From: Brendan Horst <yoshistar2000@gmail.com>
Date: Fri, 20 Sep 2019 11:15:37 -0400
Subject: [PATCH 23/23] started to work on the basics of #layout

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

diff --git a/my-styles.css b/my-styles.css
index c279cf7..f0b6387 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -239,3 +239,43 @@ section#position-04 {
 #position-07 a:hover {
   background-color: darkgray;
 }
+
+
+/* ----Layout---- */
+
+#layout div {
+  background-color: cyan;
+  box-sizing: border-box;
+}
+#layout div::after {
+  content: "";
+  clear: both;
+  display: block;
+}
+#layout nav {
+  background-color: #91ab3b;
+}
+#layout nav a {
+  display: inline-block;
+  text-align: center;
+  background-color: #91ab3b;
+  width: 90px;
+  height: 90px;
+  margin: 0px;
+  border-right: thin solid black;
+}
+#layout main {
+  background-color: white;
+  width: 50%;
+  float: left;
+}
+#layout aside {
+  width: 30%;
+  float: right;
+  background-color: orange;
+  border-top: thick solid darkorange;
+}
+#layout footer {
+  clear: both;
+  background-color: pink;
+}