From b344fff166ccda839b272c172153c8495d722ac9 Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Thu, 19 Sep 2019 13:26:07 -0400
Subject: [PATCH 01/16] 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..05f8d08 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -1,4 +1,8 @@
 /* Your Stylesheet */
 
 /* All your edits should go here */
-
+article section#display-01 div {
+  display: inline;
+  border: 1px solid #000099;
+  margin: 20px;
+}

From 14a6c6ac5c080f9e07d60e8df6193f980a97e101 Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Thu, 19 Sep 2019 13:37:44 -0400
Subject: [PATCH 02/16] Display-02

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

diff --git a/my-styles.css b/my-styles.css
index 05f8d08..6f67672 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -1,8 +1,18 @@
 /* Your Stylesheet */
 
 /* All your edits should go here */
+
+/*Display 01*/
 article section#display-01 div {
   display: inline;
+  box-sizing: border-box;
   border: 1px solid #000099;
   margin: 20px;
 }
+
+/*Display 02*/
+article section#display-02 span {
+  box-sizing: border-box;
+  display: block;
+  border: 1px solid #990000;
+}

From ac548ad55030708e66fb5a340b9b533fa41ea908 Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Thu, 19 Sep 2019 14:03:04 -0400
Subject: [PATCH 03/16] Display 03

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

diff --git a/my-styles.css b/my-styles.css
index 6f67672..80e4581 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -16,3 +16,12 @@ article section#display-02 span {
   display: block;
   border: 1px solid #990000;
 }
+
+/*Display 03*/
+article section#display-03 div {
+  box-sizing: border-box;
+  display: inline-block;
+  border: 1px solid #009900;
+  width: 50px;
+  height: 50px;
+}

From 8b5e8bf295a6559e8026a03d3be0816a172ec962 Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Thu, 19 Sep 2019 14:11:39 -0400
Subject: [PATCH 04/16] Display 04

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

diff --git a/my-styles.css b/my-styles.css
index 80e4581..780edb2 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -25,3 +25,8 @@ article section#display-03 div {
   width: 50px;
   height: 50px;
 }
+
+/*Display 04*/
+article section#display-04 div:first-child {
+visibility: hidden;
+ }

From 273612d5941e6a695fc21bf97fa90d018ba50b9d Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Thu, 19 Sep 2019 14:44:23 -0400
Subject: [PATCH 05/16] Display 05

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

diff --git a/my-styles.css b/my-styles.css
index 780edb2..5dd4a0f 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -30,3 +30,14 @@ article section#display-03 div {
 article section#display-04 div:first-child {
 visibility: hidden;
  }
+
+ /*Display 05*/
+ article section#display-05 a {
+   box-sizing: border-box;
+   display: block;
+   background-color: grey;
+   width: 50%;
+   padding: 10px;
+   position: relative;
+   margin: auto;
+ }

From e8ead3655022c2a8f63e220d4ded4416c3363bc1 Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Thu, 19 Sep 2019 15:48:32 -0400
Subject: [PATCH 06/16] Box Model 01

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

diff --git a/my-styles.css b/my-styles.css
index 5dd4a0f..42c5a38 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -41,3 +41,11 @@ visibility: hidden;
    position: relative;
    margin: auto;
  }
+
+ /*Box Model 01*/
+ article section#boxmodel-01 div {
+   width: 50%;
+   margin: auto;
+   border: thick solid;
+   padding: 3rem;
+ }

From 8b8c90d1508880995589fc3ba514be39e330ab82 Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Thu, 19 Sep 2019 15:51:04 -0400
Subject: [PATCH 07/16] Box Model 02

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

diff --git a/my-styles.css b/my-styles.css
index 42c5a38..88333d3 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -49,3 +49,12 @@ visibility: hidden;
    border: thick solid;
    padding: 3rem;
  }
+
+/*Box Model 02*/
+ article section#boxmodel-02 div {
+   box-sizing: border-box;
+   width: 50%;
+   margin: auto;
+   border: thick solid;
+   padding: 3rem;
+ }

From c7da8bf3a57320cb22dd2bdb8bbb0eb617123b5c Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Thu, 19 Sep 2019 16:21:49 -0400
Subject: [PATCH 08/16] Float 01

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

diff --git a/my-styles.css b/my-styles.css
index 88333d3..a11fb3a 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -58,3 +58,11 @@ visibility: hidden;
    border: thick solid;
    padding: 3rem;
  }
+
+ /*Float 01*/
+ article section#float-01 img {
+   float: left;
+   margin-top: 10px;
+   margin-bottom: 10px;
+   margin-right: 10px;
+   margin-left: 0;

From a2bc6047c7166653e4b19a02842369757cd11dc1 Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Thu, 19 Sep 2019 20:54:12 -0400
Subject: [PATCH 09/16] Float 02

---
 my-styles.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/my-styles.css b/my-styles.css
index a11fb3a..543427b 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -61,8 +61,23 @@ visibility: hidden;
 
  /*Float 01*/
  article section#float-01 img {
-   float: left;
+  float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 0;
+
+ }
+
+ /*Float 02*/
+ article section#float-02 img {
+   float: right;
+   margin-top: 10px;
+   margin-bottom: 10px;
+   margin-right: 0;
+   margin-left: 10px;
+ }
+ article section#float-02 p {
+   text-align: justify;
+ }
+

From 1ffcf2859208812f9ed545a1d892c58339d730da Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Thu, 19 Sep 2019 21:14:16 -0400
Subject: [PATCH 10/16] Float 03

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

diff --git a/my-styles.css b/my-styles.css
index 543427b..a8cbb61 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -81,3 +81,12 @@ visibility: hidden;
    text-align: justify;
  }
 
+ /*Float 03*/
+ article section#float-03 img {
+   float: left;
+   margin: 10px 10px;
+ }
+ article section#float-03 p {
+   clear: both;
+ }
+

From 6875ebb3ea6c6e2e27375425e9d77ed0e033af14 Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Thu, 19 Sep 2019 21:25:24 -0400
Subject: [PATCH 11/16] Float 04

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

diff --git a/my-styles.css b/my-styles.css
index a8cbb61..104bc2d 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -90,3 +90,12 @@ visibility: hidden;
    clear: both;
  }
 
+ /*Float 04*/
+ article section#float-04 img {
+   float: left;
+   margin: 10px;
+ }
+ article section#float-04 div {
+   background-color: lightblue;
+   overflow: auto;
+ }

From 724d2f5919bb95c4d32cf67b5ae294c4767678be Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Thu, 19 Sep 2019 22:30:34 -0400
Subject: [PATCH 12/16] Float 05

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

diff --git a/my-styles.css b/my-styles.css
index 104bc2d..7913be1 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -99,3 +99,18 @@ visibility: hidden;
    background-color: lightblue;
    overflow: auto;
  }
+
+ /*Float 05*/
+ article section#float-05 p:first-child {
+   box-sizing: border-box;
+   width: 50%;
+   float: right;
+   padding-left: 15px;
+   border-left: thin solid black;
+ }
+ article section#float-05 p:nth-child(2) {
+   box-sizing: border-box;
+   width: 50%;
+   float: left;
+   padding-right: 15px;
+ }

From 5eda8a11b1264be319dbcc94525b1c9defa68a07 Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Thu, 19 Sep 2019 22:41:57 -0400
Subject: [PATCH 13/16] Float 06

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

diff --git a/my-styles.css b/my-styles.css
index 7913be1..c60c7fa 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -114,3 +114,21 @@ visibility: hidden;
    float: left;
    padding-right: 15px;
  }
+
+ /*Float 06*/
+article section#float-06 div p:first-child {
+   box-sizing: border-box;
+   width: 50%;
+   float: right;
+   padding-left: 15px;
+   border-left: thin solid black;
+ }
+ article section#float-06 div p:nth-child(2) {
+   box-sizing: border-box;
+   width: 50%;
+   float: left;
+   padding-right: 15px;
+ }
+ article section#float-06 div {
+   overflow: auto;
+ }

From d17a37e893fb486f5044e6e810ba266ad326f449 Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Thu, 19 Sep 2019 22:55:53 -0400
Subject: [PATCH 14/16] Position 01

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

diff --git a/my-styles.css b/my-styles.css
index c60c7fa..eb3d08b 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -132,3 +132,14 @@ article section#float-06 div p:first-child {
  article section#float-06 div {
    overflow: auto;
  }
+
+ /*Position 01*/
+ article section#position-01 div {
+   background-color: red;
+   width: 40px;
+   height: 40px;
+ }
+ article section#position-01 div:nth-child(even) {
+   position: relative;
+   left: 40px;
+ }

From a688f2c7fd6159d49f2f764e39f98c207e13fe28 Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Fri, 20 Sep 2019 10:08:25 -0400
Subject: [PATCH 15/16] Position 02

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

diff --git a/my-styles.css b/my-styles.css
index eb3d08b..f5791bc 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -143,3 +143,31 @@ article section#float-06 div p:first-child {
    position: relative;
    left: 40px;
  }
+
+ /*Position 02*/
+ article section#position-02 div {
+   border: thin solid black;
+ }
+ article section#position-02 div span:nth-child(1) {
+   position: absolute;
+   top: 0; 
+   left: 0;
+ }
+ article section#position-02 div span:nth-child(2) {
+   position: absolute;
+   top: 0;
+   right: 0;
+ }
+ article section#position-02 div span:nth-child(3) {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+ }
+article section#position-02 div span:nth-child(4) {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+ }
+
+
+

From c73ba80404f15fd48c51dac8b764df5be0329e8d Mon Sep 17 00:00:00 2001
From: Kevin Lueke <kevinlueke66@gmail.com>
Date: Fri, 20 Sep 2019 10:31:36 -0400
Subject: [PATCH 16/16] Position 03

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

diff --git a/my-styles.css b/my-styles.css
index f5791bc..77cfaa8 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -169,5 +169,43 @@ article section#position-02 div span:nth-child(4) {
     bottom: 0;
  }
 
+ /*Position 03*/
+ article section#position-01 div {
+   background-color: red;
+   width: 40px;
+   height: 40px;
+ }
+ article section#position-01 div:nth-child(even) {
+   position: relative;
+   left: 40px;
+ }
+
+ /*Position 02*/
+ article section#position-03 div {
+   position: relative;
+   padding: 0;
+   border: thin solid black;
+   height: 100px;
+ }
+ article section#position-03 div span:nth-child(1) {
+   position: absolute;
+   top: 0; 
+   left: 0;
+ }
+ article section#position-03 div span:nth-child(2) {
+   position: absolute;
+   top: 0;
+   right: 0;
+ }
+ article section#position-03 div span:nth-child(3) {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+ }
+article section#position-03 div span:nth-child(4) {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+ }