From c525ff65acef890ecc926a879e41a9fa3c54b3b7 Mon Sep 17 00:00:00 2001
From: Thom Mondeaux <Thommond554@gmail.com>
Date: Thu, 19 Sep 2019 14:12:27 -0400
Subject: [PATCH 1/7] Compeleted display 1-4

---
 my-styles.css | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 51 insertions(+), 1 deletion(-)

diff --git a/my-styles.css b/my-styles.css
index f7d02e4..c2d58e7 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -1,4 +1,54 @@
 /* Your Stylesheet */
 
-/* All your edits should go here */
+#display-01 div {
+  display:inline;
+border: 3px solid;
+border-color: blue;
+padding: 0px;
+margin: 20px;
+
+
+
+}
+
+#display-02 span {
+
+  display: block;
+  border:3px solid;
+  border-color: red;
+}
+
+#display-03 div {
+
+  display:inline-block;
+  border: 3px solid;
+  border-color: green;
+  width:10%;
+  height:0;
+  padding-bottom:10%
+
+}
+
+#display-04 div:nth-of-type(1){
+
+visibility: hidden;
+}
+
+
+
+
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* All your edits should go here */

From d85f00402264fd8e02554bbcb8d31ab950ff93ce Mon Sep 17 00:00:00 2001
From: Thom Mondeaux <Thommond554@gmail.com>
Date: Thu, 19 Sep 2019 15:26:26 -0400
Subject: [PATCH 2/7] I completed the box-models and float 1 and 2

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

diff --git a/my-styles.css b/my-styles.css
index c2d58e7..63fef1d 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -33,9 +33,63 @@ margin: 20px;
 
 visibility: hidden;
 }
+#display-05 a {
 
+display: block;
+background-color: orange;
+padding: 20px;
+margin:0 25%;
+border:10px;
 
 
+}
+
+#boxmodel-01 div {
+
+margin:auto;
+width:50%;
+padding: 80px;
+border: 25px solid;
+border-color: orange;
+
+}
+
+#boxmodel-02 div {
+
+width:50%;
+padding: 80px;
+border:25px solid;
+margin: auto;
+box-sizing: border-box;
+}
+
+#float-01 img {
+  float: left;
+  margin: 30px 10px 10px 0;
+}
+
+#float-02 img {
+  float: right;
+  margin: 30px 0 10px 10px ;
+
+}
+
+#float-02 p {
+
+  text-justify: justify;
+  justify:auto;
+}
+
+#float-03 img {
+
+  float: left;
+  margin: 30px 10px 10px 10px;
+}
+
+#float-03 p.clear {
+
+  clear: both;
+}
 
 
 

From 3b18a4325022533d07b77e1845753f0ead25dbcc Mon Sep 17 00:00:00 2001
From: Thom Mondeaux <Thommond554@gmail.com>
Date: Thu, 19 Sep 2019 16:22:58 -0400
Subject: [PATCH 3/7] I finished float 3 and 4

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

diff --git a/my-styles.css b/my-styles.css
index 63fef1d..cdf12c8 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -76,8 +76,8 @@ box-sizing: border-box;
 
 #float-02 p {
 
-  text-justify: justify;
-  justify:auto;
+  text-justify: auto;
+  text-align: justify;
 }
 
 #float-03 img {
@@ -91,6 +91,35 @@ box-sizing: border-box;
   clear: both;
 }
 
+#float-04 img {
+
+  float: left;
+  margin: 30px 10px 10px 10px;
+
+}
+
+#float-04 div {
+  background:3px;
+  background-color: lightblue;
+display: flow-root;
+}
+
+#float-05 p:nth-last-of-type(1){
+
+float:left;
+padding: 15px;
+width: 45%;
+border-right:1px soild;
+}
+
+#float-05 p:nth-last-of-type(2) {
+
+float:right;
+padding: 15px;
+width: 45%;
+border-left: 1px soild; 
+
+}
 
 
 

From f1747d8eba9a7192de953c8f745eb98a08950e58 Mon Sep 17 00:00:00 2001
From: Thom Mondeaux <Thommond554@gmail.com>
Date: Thu, 19 Sep 2019 18:11:11 -0400
Subject: [PATCH 4/7] I finished float 5 and 6 , I added the basics to all
 positions.

---
 my-styles.css | 74 ++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 73 insertions(+), 1 deletion(-)

diff --git a/my-styles.css b/my-styles.css
index cdf12c8..81c2dbe 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -110,6 +110,7 @@ float:left;
 padding: 15px;
 width: 45%;
 border-right:1px soild;
+border-color: blue;
 }
 
 #float-05 p:nth-last-of-type(2) {
@@ -117,20 +118,91 @@ border-right:1px soild;
 float:right;
 padding: 15px;
 width: 45%;
-border-left: 1px soild; 
+border-left: 3px soild;
+
+}
+
+#float-06 p:nth-last-of-type(1) {
+
+  float:left;
+  padding: 15px;
+  width: 45%;
+  border-right: 1px soild;
+
+}
+
+#float-06 p:nth-last-of-type(2) {
+
+  float:right;
+  padding: 15px;
+  width: 45%;
+  border-right: 1px solid;
+}
+
+#float-06 p:nth-of-type(3) {
 
+  /*Add clearfix hacks to this and float 5 */
 }
 
+#position-01 div {
+background-color: red;
+   display: inline-block;
+  width:10%;
+  height:0;
+  padding-bottom:10%
 
+}
 
+#position-01 div:nth-child() {
 
 
+}
 
+#postion-01 div:nth-child() {
 
 
+}
 
+#position-02 div {
 
+border:3px;
+border-color: red;
+}
+
+
+
+#positon-03 div {
+border:3px;
+border-color:red;
+height:100px
+}
+
+
+#position-04 div {
+
+
+}
+
+
+
+#position-05 div {
+
+
+}
+
+
+#position-06 div {
+
+
+}
+
+
+#position-07 div {
+
+
+}
 
+#layout
 
 
 

From 54a270ad79c4818d1fdb8700f44dec810d7958fb Mon Sep 17 00:00:00 2001
From: Thom Mondeaux <Thommond554@gmail.com>
Date: Fri, 20 Sep 2019 09:56:49 -0400
Subject: [PATCH 5/7] I completed position 1

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

diff --git a/my-styles.css b/my-styles.css
index 81c2dbe..5f3fc09 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -25,7 +25,7 @@ margin: 20px;
   border-color: green;
   width:10%;
   height:0;
-  padding-bottom:10%
+  padding-bottom:10%;
 
 }
 
@@ -104,69 +104,73 @@ box-sizing: border-box;
 display: flow-root;
 }
 
+
+
 #float-05 p:nth-last-of-type(1){
 
 float:left;
 padding: 15px;
-width: 45%;
-border-right:1px soild;
-border-color: blue;
+width: 40%;
+border-right:1px solid;
 }
 
 #float-05 p:nth-last-of-type(2) {
 
 float:right;
 padding: 15px;
-width: 45%;
-border-left: 3px soild;
+width: 40%;
+border-left:1px soild;
 
 }
 
-#float-06 p:nth-last-of-type(1) {
+#float-06 div {
+  content:"";
+  display: table ;
+  clear: both;
+}
+#float-06 p:first-child{
 
   float:left;
-  padding: 15px;
-  width: 45%;
-  border-right: 1px soild;
+  padding: 10px;
+  width: 40%;
+  border-right: 1px solid;
 
 }
 
-#float-06 p:nth-last-of-type(2) {
+#float-06 p:nth-of-type(2){
 
   float:right;
-  padding: 15px;
-  width: 45%;
-  border-right: 1px solid;
+  padding: 10px;
+  width: 40%;
 }
 
-#float-06 p:nth-of-type(3) {
+
 
   /*Add clearfix hacks to this and float 5 */
-}
 
 #position-01 div {
-background-color: red;
-   display: inline-block;
+background: red;
+   
   width:10%;
   height:0;
-  padding-bottom:10%
-
+  padding-bottom:10%;
 }
 
-#position-01 div:nth-child() {
-
+#position-01 div:nth-child(even){
 
+height:0;
+margin-left: 10%;
+width: 10%;
+padding-bottom: 10%;
 }
 
-#postion-01 div:nth-child() {
 
+#position-02 div {
 
-}
+  border:3px solid;
+  border-color: blue;
 
-#position-02 div {
 
-border:3px;
-border-color: red;
 }
 
 

From e53fc4c40eed54294b9832b955caf3dfa3a0e700 Mon Sep 17 00:00:00 2001
From: Thom Mondeaux <Thommond554@gmail.com>
Date: Fri, 20 Sep 2019 11:49:02 -0400
Subject: [PATCH 6/7] I completed position 2 and 3.

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

diff --git a/my-styles.css b/my-styles.css
index 5f3fc09..342350f 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -150,7 +150,7 @@ border-left:1px soild;
 
 #position-01 div {
 background: red;
-   
+
   width:10%;
   height:0;
   padding-bottom:10%;
@@ -173,14 +173,61 @@ padding-bottom: 10%;
 
 }
 
+#position-02 span:nth-of-type(1) {
+position: absolute;
+top: 4px;
+left: 4px;
+
+
+}
+
+#position-02 span:nth-of-type(2) {
+
+  position: absolute;
+  top: 4px;
+  right: 4px;
+
+}
+
+
+#position-02 span:nth-of-type(3) {
 
+  position: absolute;
+  bottom: 4px;
+  right: 4px;
 
-#positon-03 div {
+}
+
+#position-02 span:nth-of-type(4) {
+
+  position: absolute;
+  bottom: 4px ;
+  left: 4px ;
+}
+#position-03 div {
 border:3px;
-border-color:red;
-height:100px
+border-color:blue;
+height: 100px ;
+}
+#position-03 span:nth-child(2) {
+position:absolute;
+top: 35px;
+right: 35px;
 }
 
+#position-03 span:nth-child(3) {
+
+  position: absolute;
+  bottom: 35px;
+  right: 35px
+}
+
+#position-03 span:nth-child(4) {
+
+  position: absolute;
+  bottom: 35px;
+  left: 35px;
+}
 
 #position-04 div {
 

From 1790202c02920270b353192ee4d006da2373afd5 Mon Sep 17 00:00:00 2001
From: Thom Mondeaux <Thommond554@gmail.com>
Date: Fri, 20 Sep 2019 11:58:27 -0400
Subject: [PATCH 7/7] I needed to edit the pixel position of both position 2
 and 3

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

diff --git a/my-styles.css b/my-styles.css
index 342350f..059b720 100644
--- a/my-styles.css
+++ b/my-styles.css
@@ -169,14 +169,14 @@ padding-bottom: 10%;
 
   border:3px solid;
   border-color: blue;
-
+ height: 100px
 
 }
 
 #position-02 span:nth-of-type(1) {
 position: absolute;
-top: 4px;
-left: 4px;
+top: 35px;
+left: 35px;
 
 
 }
@@ -184,8 +184,8 @@ left: 4px;
 #position-02 span:nth-of-type(2) {
 
   position: absolute;
-  top: 4px;
-  right: 4px;
+  top: 35px;
+  right: 35px;
 
 }
 
@@ -193,40 +193,45 @@ left: 4px;
 #position-02 span:nth-of-type(3) {
 
   position: absolute;
-  bottom: 4px;
-  right: 4px;
+  bottom: 35px;
+  right: 35px;
 
 }
 
 #position-02 span:nth-of-type(4) {
 
   position: absolute;
-  bottom: 4px ;
-  left: 4px ;
+  bottom: 35px ;
+  left: 35px ;
 }
 #position-03 div {
 border:3px;
 border-color:blue;
 height: 100px ;
 }
+#position-03 span:nth-child(1) {
+  position: absolute;
+  top: 12px;
+  left: 12px;
+}
 #position-03 span:nth-child(2) {
 position:absolute;
-top: 35px;
-right: 35px;
+top: 12px;
+right: 12px;
 }
 
 #position-03 span:nth-child(3) {
 
   position: absolute;
-  bottom: 35px;
-  right: 35px
+  bottom: 12px;
+  right: 12px
 }
 
 #position-03 span:nth-child(4) {
 
   position: absolute;
-  bottom: 35px;
-  left: 35px;
+  bottom: 12px;
+  left: 12px;
 }
 
 #position-04 div {