From 0c610e2e4060751c447d3bde32531a963b52dd51 Mon Sep 17 00:00:00 2001 From: Justice Lee Date: Thu, 19 Sep 2019 13:29:35 -0400 Subject: [PATCH 01/14] completed instructions on 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..3564161 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 b30a2d38b44de706b89e21ef31a0bd524a8c6fa9 Mon Sep 17 00:00:00 2001 From: Justice Lee Date: Thu, 19 Sep 2019 13:35:48 -0400 Subject: [PATCH 02/14] finished display-02 --- my-styles.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/my-styles.css b/my-styles.css index 3564161..d9bf24a 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; + +} From 70f95e5572f75e7f4aa409bf1895057e47a653e2 Mon Sep 17 00:00:00 2001 From: Justice Lee Date: Thu, 19 Sep 2019 14:03:21 -0400 Subject: [PATCH 03/14] finished display-03 --- my-styles.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/my-styles.css b/my-styles.css index d9bf24a..41b1dbf 100644 --- a/my-styles.css +++ b/my-styles.css @@ -10,5 +10,12 @@ #display-02 span { display: block; border: thin solid red; - +} + +#display-03 div { + display: inline-block; + border: thin solid green; + box-sizing: border-box; + height: 45px; + width: 45px; } From 6d2bc4394207708fefd8f5746b14d6fc479c5b99 Mon Sep 17 00:00:00 2001 From: Justice Lee Date: Thu, 19 Sep 2019 14:09:50 -0400 Subject: [PATCH 04/14] finished instructions on display-04 --- my-styles.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/my-styles.css b/my-styles.css index 41b1dbf..32a697f 100644 --- a/my-styles.css +++ b/my-styles.css @@ -19,3 +19,7 @@ height: 45px; width: 45px; } + +#display-04 div:nth-of-type(1){ + display: none; +} From e313a5195f2261e1f3f1c8e42bade97d567bb68f Mon Sep 17 00:00:00 2001 From: Justice Lee Date: Thu, 19 Sep 2019 14:35:58 -0400 Subject: [PATCH 05/14] completed display-05 --- my-styles.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/my-styles.css b/my-styles.css index 32a697f..b5273b1 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[href]{ + display: block; + width: 50%; + padding: 10px; + position: relative; + background: gray; + margin: auto; +} From 3c944aba74b8d891eed62833fda755eed6b65990 Mon Sep 17 00:00:00 2001 From: Justice Lee Date: Thu, 19 Sep 2019 14:56:32 -0400 Subject: [PATCH 06/14] finished boxmodel-01 --- my-styles.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/my-styles.css b/my-styles.css index b5273b1..ffeda32 100644 --- a/my-styles.css +++ b/my-styles.css @@ -32,3 +32,10 @@ background: gray; margin: auto; } + +#boxmodel-01 div{ + border: 15px solid black; + margin-left: auto; + margin-right: auto; + padding: 30px; +} From 0b23ba521516a1dd13e2c95410260ee43c757479 Mon Sep 17 00:00:00 2001 From: Justice Lee Date: Thu, 19 Sep 2019 15:06:07 -0400 Subject: [PATCH 07/14] edited boxmodel-01 and completed boxmodel-02 --- my-styles.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/my-styles.css b/my-styles.css index ffeda32..8bb13d7 100644 --- a/my-styles.css +++ b/my-styles.css @@ -37,5 +37,16 @@ border: 15px solid black; margin-left: auto; margin-right: auto; - padding: 30px; + padding: 25px; + width: 50%; + display: block; +} + +#boxmodel-02 div{ + border: 15px solid black; + margin-left: auto; + margin-right: auto; + padding: 25px; + width: 50%; + box-sizing: border-box; } From 3c274e83997c5e219cccfc3f9a0ba2e935d68a33 Mon Sep 17 00:00:00 2001 From: Justice Lee Date: Thu, 19 Sep 2019 15:21:10 -0400 Subject: [PATCH 08/14] completed float-01 --- my-styles.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/my-styles.css b/my-styles.css index 8bb13d7..31b994e 100644 --- a/my-styles.css +++ b/my-styles.css @@ -50,3 +50,10 @@ width: 50%; box-sizing: border-box; } + +#float-01 img{ + float: left; + margin-top: 20px; + margin-right: 30px; + margin-bottom: 30px; +} From dc0380cc3180d659d63bdab5bb2c11901dcca54b Mon Sep 17 00:00:00 2001 From: Justice Lee Date: Thu, 19 Sep 2019 15:23:38 -0400 Subject: [PATCH 09/14] worked on float-02 --- my-styles.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/my-styles.css b/my-styles.css index 31b994e..9385c28 100644 --- a/my-styles.css +++ b/my-styles.css @@ -57,3 +57,11 @@ margin-right: 30px; margin-bottom: 30px; } + +#float-02 img{ + float: right; + margin-top: 20px; + margin-left: 30px; + margin-bottom: 30px; + text-align: justify; +} From 2f717fb881b42c92363366bd12268ffd5ac87e09 Mon Sep 17 00:00:00 2001 From: Justice Lee Date: Thu, 19 Sep 2019 15:36:49 -0400 Subject: [PATCH 10/14] finished float-03 --- my-styles.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/my-styles.css b/my-styles.css index 9385c28..9249e85 100644 --- a/my-styles.css +++ b/my-styles.css @@ -65,3 +65,14 @@ margin-bottom: 30px; text-align: justify; } + +#float-03 img{ + float: left; + margin-right: 20px; + margin-top: 25px; + margin-bottom: 20px; +} + +#float-03 p.clear{ + float: left; +} From 625c070a906736a4a3c9ee8fc0d95de723026379 Mon Sep 17 00:00:00 2001 From: Justice Lee Date: Thu, 19 Sep 2019 15:47:05 -0400 Subject: [PATCH 11/14] completed float-04 --- my-styles.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/my-styles.css b/my-styles.css index 9249e85..0b0c6a9 100644 --- a/my-styles.css +++ b/my-styles.css @@ -76,3 +76,14 @@ #float-03 p.clear{ float: left; } + +#float-04 img{ + float: left; + margin-right: 10px; +} + +#float-04 div{ + background-color: lightblue; + float: left; + margin-right: 10px; +} From e64cdd27160f70e56707a2cf764dd5909097e777 Mon Sep 17 00:00:00 2001 From: Justice Lee Date: Thu, 19 Sep 2019 20:17:38 -0400 Subject: [PATCH 12/14] finished working on float-05 --- my-styles.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/my-styles.css b/my-styles.css index 0b0c6a9..8f845af 100644 --- a/my-styles.css +++ b/my-styles.css @@ -63,6 +63,9 @@ margin-top: 20px; margin-left: 30px; margin-bottom: 30px; +} + +#float-02 p{ text-align: justify; } @@ -87,3 +90,17 @@ float: left; margin-right: 10px; } + +#float-05 p{ + float: left; + box-sizing: content-box; + width: 45%; + +} + +#float-05 p:last-child{ + padding-left: 40px; + border-left: thin solid black; + float: right; + box-sizing: content-box; +} From 169f8b84e21036e4eebecb67195ba496aea3ef50 Mon Sep 17 00:00:00 2001 From: Justice Lee Date: Thu, 19 Sep 2019 21:00:15 -0400 Subject: [PATCH 13/14] finished working on float-06 --- my-styles.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/my-styles.css b/my-styles.css index 8f845af..d26f500 100644 --- a/my-styles.css +++ b/my-styles.css @@ -104,3 +104,21 @@ float: right; box-sizing: content-box; } + +#float-06 div p:first-child{ + box-sizing: content-box; + float: left; + width: 45%; +} + +#float-06 div p{ + width: 45%; + box-sizing: content-box; + float: right; + +} + +#float-06 > p{ + box-sizing: content-box; + clear: both; +} From 5ca9ae41726b9e513e5589a3c90e605a1bf503e6 Mon Sep 17 00:00:00 2001 From: Justice Lee Date: Fri, 20 Sep 2019 11:49:08 -0400 Subject: [PATCH 14/14] worked on some of position-01 --- my-styles.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/my-styles.css b/my-styles.css index d26f500..85e9003 100644 --- a/my-styles.css +++ b/my-styles.css @@ -122,3 +122,8 @@ box-sizing: content-box; clear: both; } + +#position-01 div{ + display: inline-block; + border: thin solid red; +}