From d299f387eefdb84b1fe7c79d8cabe2797e075634 Mon Sep 17 00:00:00 2001 From: Namit Arjaria <89105989+depleur@users.noreply.github.com> Date: Mon, 8 Jul 2024 23:12:08 +0530 Subject: [PATCH] fix: Update grouping selectors solution to match desired outcome image (#566) Signed-off-by: Namit Arjaria --- foundations/03-grouping-selectors/README.md | 9 +++++---- foundations/03-grouping-selectors/solution/solution.css | 4 +--- 2 files changed, 6 insertions(+), 7 deletions(-) diff --git a/foundations/03-grouping-selectors/README.md b/foundations/03-grouping-selectors/README.md index 2e88ad1..cd21461 100644 --- a/foundations/03-grouping-selectors/README.md +++ b/foundations/03-grouping-selectors/README.md @@ -4,15 +4,16 @@ Let's build a little off the previous exercise. Here, you're going to give two e 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 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 +- **The first element**: a black background and white text +- **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 ## Desired Outcome + ![desired outcome](./desired-outcome.png) - ### Self Check + - Does each element have a unique class name? - Did you use the grouping selector for styles that both elements share? - Did you make separate rules for the styles unique to each element? diff --git a/foundations/03-grouping-selectors/solution/solution.css b/foundations/03-grouping-selectors/solution/solution.css index b6dfacd..c4b3e3a 100644 --- a/foundations/03-grouping-selectors/solution/solution.css +++ b/foundations/03-grouping-selectors/solution/solution.css @@ -1,4 +1,3 @@ - .inverted, .fancy { font-family: Helvetica, "Times New Roman", sans-serif; @@ -8,9 +7,8 @@ .inverted { background-color: black; color: white; - font-weight: bold; } .fancy { background-color: yellow; -} \ No newline at end of file +}