From a7ab47200dfbb7e853fd3908b0aef96e3c9f9b52 Mon Sep 17 00:00:00 2001 From: Emily Kanarek Date: Sat, 17 Feb 2024 12:14:29 -0500 Subject: [PATCH 1/7] Completed assignment --- index.html | 2 +- style.css | 16 ++++++++-------- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index 30ad56b96..a12d76b81 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ Introduction to CSS Lab - + diff --git a/style.css b/style.css index a6f387622..73295aafa 100644 --- a/style.css +++ b/style.css @@ -1,20 +1,20 @@ -/* Tag selector to select the 'body' element */ body { - /* Your code here! */ + background: #00b3e6; } -/* Tag selector to select all 'div' elements. We only have one 'div' in our HTML */ div { - /* Your code here! */ + width: 700px; + margin: auto; + font-family: "Helvetica Neue"; + background: white; + padding: 30px; } -/* ID selector to select the element with id 'main-header' */ #main-header { - /* Your code here! */ + font-size: 22px; color: red; } -/* Class selector to select elements containing the class 'perspective-questions' */ .perspective-questions { - /* Your code here! */ + font-style: italic; } From a62166153aa940df2f2bd9121e2537516d62c83b Mon Sep 17 00:00:00 2001 From: Emily Kanarek Date: Thu, 1 May 2025 11:09:25 -0400 Subject: [PATCH 2/7] Reset previous solutions --- index.html | 4 ++-- style.css | 18 +++++++++--------- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index a12d76b81..d53142594 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ Introduction to CSS Lab - + @@ -34,4 +34,4 @@

How Does Writing CSS Differ From Writing HTML?

- + \ No newline at end of file diff --git a/style.css b/style.css index 73295aafa..d479a0764 100644 --- a/style.css +++ b/style.css @@ -1,20 +1,20 @@ +/* Tag selector to select the 'body' element */ body { - background: #00b3e6; + /* Your code here! */ } +/* Tag selector to select all 'div' elements. We only have one 'div' in our HTML */ div { - width: 700px; - margin: auto; - font-family: "Helvetica Neue"; - background: white; - padding: 30px; + /* Your code here! */ } +/* ID selector to select the element with id 'main-header' */ #main-header { - font-size: 22px; + /* Your code here! */ color: red; } +/* Class selector to select elements containing the class 'perspective-questions' */ .perspective-questions { - font-style: italic; -} + /* Your code here! */ +} \ No newline at end of file From 5912aac21e8b82fcfcea3b5d383153dac25357e5 Mon Sep 17 00:00:00 2001 From: Emily Kanarek Date: Thu, 1 May 2025 11:10:44 -0400 Subject: [PATCH 3/7] Add stylesheet link --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index d53142594..445c93ff0 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ Introduction to CSS Lab - + From ddf606acabeb81ac462c81b9dfb5e4382c22636d Mon Sep 17 00:00:00 2001 From: Emily Kanarek Date: Thu, 1 May 2025 11:11:56 -0400 Subject: [PATCH 4/7] Add background color --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index d479a0764..969250d65 100644 --- a/style.css +++ b/style.css @@ -1,6 +1,6 @@ /* Tag selector to select the 'body' element */ body { - /* Your code here! */ + background-color: #00b3e6; } /* Tag selector to select all 'div' elements. We only have one 'div' in our HTML */ From 1ff4cb7a5b0cd28e9ccd2ab9647021347383503d Mon Sep 17 00:00:00 2001 From: Emily Kanarek Date: Thu, 1 May 2025 11:12:55 -0400 Subject: [PATCH 5/7] Style div elements --- style.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 969250d65..af8f5ab38 100644 --- a/style.css +++ b/style.css @@ -1,11 +1,15 @@ /* Tag selector to select the 'body' element */ body { - background-color: #00b3e6; + background: #00b3e6; } /* Tag selector to select all 'div' elements. We only have one 'div' in our HTML */ div { - /* Your code here! */ + width: 700px; + margin: auto; + font-family: "Helvetica Neue"; + background: white; + padding: 30px; } /* ID selector to select the element with id 'main-header' */ From c4655163d0af90cbe191ddcd1c11e1dfbe8f33a4 Mon Sep 17 00:00:00 2001 From: Emily Kanarek Date: Thu, 1 May 2025 11:13:31 -0400 Subject: [PATCH 6/7] Increase header font size --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index af8f5ab38..6eb269ee9 100644 --- a/style.css +++ b/style.css @@ -14,7 +14,7 @@ div { /* ID selector to select the element with id 'main-header' */ #main-header { - /* Your code here! */ + font-size: 22px; color: red; } From 51c9971405d6bb74102f5c3508747c2bb7ce2a17 Mon Sep 17 00:00:00 2001 From: Emily Kanarek Date: Thu, 1 May 2025 11:14:15 -0400 Subject: [PATCH 7/7] Italicize questions --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 6eb269ee9..2093fc18c 100644 --- a/style.css +++ b/style.css @@ -20,5 +20,5 @@ div { /* Class selector to select elements containing the class 'perspective-questions' */ .perspective-questions { - /* Your code here! */ + font-style: italic; } \ No newline at end of file