From f3f6289240821bee23e43c9ca091e5c3fc10a2ea Mon Sep 17 00:00:00 2001 From: Nick Card Date: Thu, 19 Sep 2019 13:30:11 -0400 Subject: [PATCH 01/14] Finished #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..0410dae 100644 --- a/my-styles.css +++ b/my-styles.css @@ -1,4 +1,8 @@ /* Your Stylesheet */ - + #display-01 div{ +display: inline; +border: thin solid blue; +margin: 20px; +} /* All your edits should go here */ From cb1aa46050fa65c50a1d5a29ee99b7485908dc45 Mon Sep 17 00:00:00 2001 From: Nick Card Date: Thu, 19 Sep 2019 14:03:56 -0400 Subject: [PATCH 02/14] finished display-03 --- my-styles.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/my-styles.css b/my-styles.css index 0410dae..bcd78c0 100644 --- a/my-styles.css +++ b/my-styles.css @@ -3,6 +3,21 @@ display: inline; border: thin solid blue; margin: 20px; +} +#display-02 span{ + display: block; + border: thin solid red; +} +#display-03 div{ + display: inline-block; + box-sizing: border-box; + width: 50px; + height: 50px; + border: thin solid green; + + + + } /* All your edits should go here */ From 105ed931ffc24ce91d05a3237dbbab3a5da4c487 Mon Sep 17 00:00:00 2001 From: Nick Card Date: Thu, 19 Sep 2019 14:09:35 -0400 Subject: [PATCH 03/14] finished display-04 --- my-styles.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/my-styles.css b/my-styles.css index bcd78c0..0cbcd37 100644 --- a/my-styles.css +++ b/my-styles.css @@ -14,10 +14,13 @@ margin: 20px; width: 50px; height: 50px; border: thin solid green; +} +#display-04 div:nth-of-type(1){ + display: none; - +} -} + /* All your edits should go here */ From 64cd03d8f6e0549016903bc816a9fda95b3218dd Mon Sep 17 00:00:00 2001 From: Nick Card Date: Thu, 19 Sep 2019 14:39:20 -0400 Subject: [PATCH 04/14] finished Display-05 --- my-styles.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/my-styles.css b/my-styles.css index 0cbcd37..288e27e 100644 --- a/my-styles.css +++ b/my-styles.css @@ -17,9 +17,18 @@ margin: 20px; } #display-04 div:nth-of-type(1){ display: none; - + } - + #display-05 a[href]{ + position: relative; + display: block; + background: gray; + width: 50%; + padding: 20px; + margin-left: auto; + margin-right: auto; + + } /* All your edits should go here */ From 7d8c3f9d969a4b581e69881a9b1f88a368d6ade9 Mon Sep 17 00:00:00 2001 From: Nick Card Date: Thu, 19 Sep 2019 14:54:26 -0400 Subject: [PATCH 05/14] finished boxmodel-01 boxmodel-02 --- my-styles.css | 25 +++++++++++++++++++++++-- 1 file changed, 23 insertions(+), 2 deletions(-) diff --git a/my-styles.css b/my-styles.css index 288e27e..7d47a4d 100644 --- a/my-styles.css +++ b/my-styles.css @@ -29,7 +29,28 @@ margin: 20px; margin-right: auto; } - - + #boxmodel-01 div{ + display: block; + width: 50%; + border: thick solid green; + padding: 50px; + margin-left: auto; + margin-right: auto; + } +#boxmodel-02 div{ + display: block; + box-sizing: border-box; + width: 50%; + border: thick solid green; + padding: 50px; + margin-left: auto; + margin-right: auto; +} +#float-01 img { +float: left; +margin-top: 25px; +margin-right: 20px; +margin-bottom: 5px; +} /* All your edits should go here */ From 6655564f1010e671919415a930f5e96d973454c8 Mon Sep 17 00:00:00 2001 From: Nick Card Date: Thu, 19 Sep 2019 15:01:11 -0400 Subject: [PATCH 06/14] finished float-02 --- my-styles.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/my-styles.css b/my-styles.css index 7d47a4d..31daa07 100644 --- a/my-styles.css +++ b/my-styles.css @@ -52,5 +52,16 @@ margin-top: 25px; margin-right: 20px; margin-bottom: 5px; } + +#float-02 img { + float: right; + margin-top: 25px; + margin-left: 20px; + margin-bottom: 5px; + +} +#float-02 p { + text-align: justify; +} /* All your edits should go here */ From 400d6fe06c4331524fe5afb6b2bcf77e7264e2eb Mon Sep 17 00:00:00 2001 From: Nick Card Date: Thu, 19 Sep 2019 15:20:51 -0400 Subject: [PATCH 07/14] finished float-03 --- my-styles.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/my-styles.css b/my-styles.css index 31daa07..3e8542f 100644 --- a/my-styles.css +++ b/my-styles.css @@ -63,5 +63,14 @@ margin-bottom: 5px; #float-02 p { text-align: justify; } +#float-03 img { + float: left; + margin: 20px; + + +} +#float-03 p.clear { +float: left; +} /* All your edits should go here */ From 1b97103228b20f37a58a892287688701526de8fc Mon Sep 17 00:00:00 2001 From: Nick Card Date: Thu, 19 Sep 2019 15:29:56 -0400 Subject: [PATCH 08/14] finished Float-04 --- my-styles.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/my-styles.css b/my-styles.css index 3e8542f..8f2e19d 100644 --- a/my-styles.css +++ b/my-styles.css @@ -72,5 +72,15 @@ margin-bottom: 5px; #float-03 p.clear { float: left; } + +#float-04 div{ + float: left; + margin-bottom: 10px; + background: lightblue; +} +#float-04 img { + float: left; + margin: 20px; +} /* All your edits should go here */ From 2a9dd13e13c7fb32e0554299f972b12a093d52d4 Mon Sep 17 00:00:00 2001 From: Nick Card Date: Thu, 19 Sep 2019 15:50:24 -0400 Subject: [PATCH 09/14] finished float-05 --- my-styles.css | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/my-styles.css b/my-styles.css index 8f2e19d..b3f47ae 100644 --- a/my-styles.css +++ b/my-styles.css @@ -76,11 +76,27 @@ float: left; #float-04 div{ float: left; margin-bottom: 10px; - background: lightblue; + background: rgb(85, 105, 112); } #float-04 img { float: left; margin: 20px; } + +#float-05 p:first-child { + box-sizing: content-box; + width: 45%; + float: left; + border-right: thin solid black; + padding-right: 20px; + + +} +#float-05 p{ + box-sizing: content-box; + width: 45%; + float: right; + padding: 20px; +} /* All your edits should go here */ From 266307774796f955ba28b06b9baef8241ea19da1 Mon Sep 17 00:00:00 2001 From: Nick Card Date: Thu, 19 Sep 2019 16:31:30 -0400 Subject: [PATCH 10/14] finally finished float-06 and it took forever for no reason --- my-styles.css | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/my-styles.css b/my-styles.css index b3f47ae..e097b3f 100644 --- a/my-styles.css +++ b/my-styles.css @@ -98,5 +98,34 @@ float: left; float: right; padding: 20px; } + +#float-06 p:first-child { + box-sizing: content-box; + width: 40%; + float: left; + border-right: thin solid black; + margin-right: 35px; + padding-right: 20px; +} +#float-06 div p:nth-child(2) { +box-sizing: content-box; +width: 42%; +float: right; +margin-right: 35px; +padding-right: 20px; +} + +#float-06 div{ +box-sizing: content-box; +float: left; +padding: 20px; + +} +#float-06 >p{ +clear: both; +padding-bottom: 20px; +} + + /* All your edits should go here */ From 922af90cad1cdefcced28c7b6bb981fd4a97bc65 Mon Sep 17 00:00:00 2001 From: Nick Card Date: Thu, 19 Sep 2019 20:38:54 -0400 Subject: [PATCH 11/14] Completed position-01 --- my-styles.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/my-styles.css b/my-styles.css index e097b3f..f1b20b9 100644 --- a/my-styles.css +++ b/my-styles.css @@ -126,6 +126,18 @@ clear: both; padding-bottom: 20px; } +#position-01 div{ + box-sizing: content-box; + width: 75px; + height: 75px; + background-color: red; + + +} +#position-01 div:nth-child(even){ + box-sizing: content-box; + background-color: black; +} /* All your edits should go here */ From 843309723661a040a8f183ac863d0af3d6851b26 Mon Sep 17 00:00:00 2001 From: Nick Card Date: Thu, 19 Sep 2019 21:11:15 -0400 Subject: [PATCH 12/14] finished position-02 --- my-styles.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/my-styles.css b/my-styles.css index f1b20b9..b422cbf 100644 --- a/my-styles.css +++ b/my-styles.css @@ -138,6 +138,32 @@ padding-bottom: 20px; box-sizing: content-box; background-color: black; } +#position-02 div{ + box-sizing: content-box; + border: thin solid black; +} +#position-02 span:nth-child(1){ + +position: absolute; +top: 0px; +left: 0px; + +} +#position-02 span:nth-child(2){ + position: absolute; + top: 0px; + right: 0px; +} +#position-02 span:nth-child(3){ + position: absolute; + bottom: 0px; + right: 0px; +} +#position-02 span:nth-child(4){ + position: absolute; + bottom: 0px; + left: 0px; +} /* All your edits should go here */ From ca9e6f35d3b4012ce211e63b3af6b09c3c2f3922 Mon Sep 17 00:00:00 2001 From: Nick Card Date: Thu, 19 Sep 2019 21:47:30 -0400 Subject: [PATCH 13/14] finished position-03 --- my-styles.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/my-styles.css b/my-styles.css index b422cbf..704f002 100644 --- a/my-styles.css +++ b/my-styles.css @@ -165,5 +165,32 @@ left: 0px; bottom: 0px; left: 0px; } + +#position-03 div{ +border: thin solid black; +position: relative; +height: 100px; + +} +#position-03 div span:nth-child(1) { + position: absolute; + top: 0px; + left: 0px; +} +#position-03 div span:nth-child(2) { + position: absolute; + top: 0px; + right: 0px; +} +#position-03 div span:nth-child(3){ + position: absolute; + bottom: 0px; + right: 0px; +} +#position-03 span:nth-child(4){ + position: absolute; + bottom: 0px; + left: 0px; +} /* All your edits should go here */ From f414ac4cc640ca9e40efaddf3f38f322ab18fd46 Mon Sep 17 00:00:00 2001 From: Nick Card Date: Fri, 20 Sep 2019 00:34:31 -0400 Subject: [PATCH 14/14] finished postition-04 and -05 --- my-styles.css | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) diff --git a/my-styles.css b/my-styles.css index 704f002..c4a31b7 100644 --- a/my-styles.css +++ b/my-styles.css @@ -192,5 +192,46 @@ height: 100px; bottom: 0px; left: 0px; } + + + +section#position-04 { + position: static; +} + +#position-04 div { + position: absolute; + top: 5px; + left: 0px; +} + +#position-05 .outer-box{ + box-sizing: content-box; + background: lightgray; + width: 4rem; + height: 4rem; + float: left; + +} +#position-05 .outer-box:nth-child(1){ + float: right; + position: relative; + top: 0px; +} +#position-05 .inner-box{ + box-sizing: content-box; + background: darkgray; + width: 1rem; + height: 1rem; + position: relative; + bottom: -26px; + right: -27px; + +} +#position-05 .innerbox{ + + + +} /* All your edits should go here */