fix: Update grouping selectors solution to match desired outcome image (#566)

Signed-off-by: Namit Arjaria <[email protected]>

Author: depleur

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)
 
+![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?

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;
-}
+}