From 358e38ca31fa33ffaeb9e7a1ee3a27e23f9113b5 Mon Sep 17 00:00:00 2001 From: Suvansarkar Date: Wed, 2 Aug 2023 17:55:57 +0530 Subject: [PATCH 1/5] Solution for problem 1 of foundations css exercise --- foundations/01-css-methods/index.html | 11 ++++++++++- foundations/01-css-methods/style.css | 9 +++++++++ 2 files changed, 19 insertions(+), 1 deletion(-) create mode 100644 foundations/01-css-methods/style.css diff --git a/foundations/01-css-methods/index.html b/foundations/01-css-methods/index.html index effe3cc..cd7f36d 100644 --- a/foundations/01-css-methods/index.html +++ b/foundations/01-css-methods/index.html @@ -5,10 +5,19 @@ Methods for Adding CSS + +
Style me via the external method!

I would like to be styled with the internal method, please.

- + + \ No newline at end of file diff --git a/foundations/01-css-methods/style.css b/foundations/01-css-methods/style.css new file mode 100644 index 0000000..c7dfd17 --- /dev/null +++ b/foundations/01-css-methods/style.css @@ -0,0 +1,9 @@ +/* a red background, white text, a font size of 32px, center aligned, and bold */ + +div { + background-color: red; + font-size: 32px; + color: white; + text-align: center; + font-weight: bold; +} \ No newline at end of file From fcf3e2514f89651cbe50fd68999d648b2eb579e0 Mon Sep 17 00:00:00 2001 From: Suvansarkar Date: Wed, 2 Aug 2023 18:04:10 +0530 Subject: [PATCH 2/5] Reverting to commit id 320c1642b67d0c93e45b190224c666ff84ce4195 --- foundations/01-css-methods/index.html | 11 +---------- 1 file changed, 1 insertion(+), 10 deletions(-) diff --git a/foundations/01-css-methods/index.html b/foundations/01-css-methods/index.html index cd7f36d..effe3cc 100644 --- a/foundations/01-css-methods/index.html +++ b/foundations/01-css-methods/index.html @@ -5,19 +5,10 @@ Methods for Adding CSS - -
Style me via the external method!

I would like to be styled with the internal method, please.

- - + \ No newline at end of file From fb772b79196aa0daa101d1a28de226ae75e26d85 Mon Sep 17 00:00:00 2001 From: Suvansarkar Date: Wed, 2 Aug 2023 18:05:23 +0530 Subject: [PATCH 3/5] Reverting to commit id 320c1642b67d0c93e45b190224c666ff84ce4195 --- foundations/01-css-methods/style.css | 9 --------- 1 file changed, 9 deletions(-) delete mode 100644 foundations/01-css-methods/style.css diff --git a/foundations/01-css-methods/style.css b/foundations/01-css-methods/style.css deleted file mode 100644 index c7dfd17..0000000 --- a/foundations/01-css-methods/style.css +++ /dev/null @@ -1,9 +0,0 @@ -/* a red background, white text, a font size of 32px, center aligned, and bold */ - -div { - background-color: red; - font-size: 32px; - color: white; - text-align: center; - font-weight: bold; -} \ No newline at end of file From 6b6454670c9c9b6b2c425d5a16f0ebaab30808ed Mon Sep 17 00:00:00 2001 From: Suvansarkar Date: Wed, 2 Aug 2023 18:36:33 +0530 Subject: [PATCH 4/5] Added the bold property Added the bold property to the button 1 so as to match the solution image given. --- foundations/03-grouping-selectors/README.md | 2 +- foundations/03-grouping-selectors/solution/solution.css | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/foundations/03-grouping-selectors/README.md b/foundations/03-grouping-selectors/README.md index 8b5d206..2f06e50 100644 --- a/foundations/03-grouping-selectors/README.md +++ b/foundations/03-grouping-selectors/README.md @@ -6,7 +6,7 @@ Instead of having a single element with two different rules applied, though, you This will help you further practice adding classes and using class selectors, so be sure you add the class attribute in the HTML file. For the remainder of these exercises, the format of any colors is entirely up to you; we trust you'll practice using the different values! The properties you need to add to each element are: -* **The first element**: a black background and white text +* **The first element**: a black background, white text and bold * **The second element**: a yellow background * **Both elements**: a font size of 28px and a list of fonts containing `Helvetica` and `Times New Roman`, with `sans-serif` as a fallback diff --git a/foundations/03-grouping-selectors/solution/solution.css b/foundations/03-grouping-selectors/solution/solution.css index 0464142..b6dfacd 100644 --- a/foundations/03-grouping-selectors/solution/solution.css +++ b/foundations/03-grouping-selectors/solution/solution.css @@ -8,6 +8,7 @@ .inverted { background-color: black; color: white; + font-weight: bold; } .fancy { From 66572eef3b38d113200c10eecd77da50f594dc11 Mon Sep 17 00:00:00 2001 From: Eric Olkowski <70952936+thatblindgeye@users.noreply.github.com> Date: Sun, 4 Feb 2024 13:54:31 -0500 Subject: [PATCH 5/5] Update foundations/03-grouping-selectors/README.md --- foundations/03-grouping-selectors/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/foundations/03-grouping-selectors/README.md b/foundations/03-grouping-selectors/README.md index 2f06e50..c085413 100644 --- a/foundations/03-grouping-selectors/README.md +++ b/foundations/03-grouping-selectors/README.md @@ -6,7 +6,7 @@ Instead of having a single element with two different rules applied, though, you This will help you further practice adding classes and using class selectors, so be sure you add the class attribute in the HTML file. For the remainder of these exercises, the format of any colors is entirely up to you; we trust you'll practice using the different values! The properties you need to add to each element are: -* **The first element**: a black background, white text and bold +* **The first element**: a black background, white text color, and a bold font weight * **The second element**: a yellow background * **Both elements**: a font size of 28px and a list of fonts containing `Helvetica` and `Times New Roman`, with `sans-serif` as a fallback