fix(curriculum): reword colour-marker step 11 and 12 (#48269)

added wording changes for easier understanding

curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d4a84b756d9c4b8255093.md

@@ -7,7 +7,7 @@ dashedName: step-11
 
 # --description--
 
-It's time to add some color to the page. Remember that one way to add color to an element is to use a <dfn>color keyword</dfn> like `black`, `cyan`, or `yellow`.
+It's time to add some color to the marker. Remember that one way to add color to an element is to use a <dfn>color keyword</dfn> like `black`, `cyan`, or `yellow`.
 
 As a reminder, here's how to target the class `freecodecamp`:
 
@@ -19,6 +19,8 @@ As a reminder, here's how to target the class `freecodecamp`:
 
 Create a new CSS rule that targets the class `marker`, and set its `background-color` property to `red`.
 
+**Note:** You will not see any changes after adding the CSS.
+
 # --hints--
 
 You should create a class selector to target the `marker` class.

curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616d50b93ba424d6282c99cf.md

@@ -7,9 +7,9 @@ dashedName: step-12
 
 # --description--
 
-Notice that your marker doesn't seem to have any color. The background color was actually applied, but since the marker `div` element is empty, it doesn't have any height by default.
+The background color was applied, but since the marker `div` element is empty, it doesn't have any height by default.
 
-In your `.marker` CSS rule, set the `width` property to `200px` and the `height` property to `25px`.
+In your `.marker` CSS rule, set the `height` property to `25px` and the `width` property to `200px`
 
 # --hints--