diff --git a/challenges/01-responsive-web-design/basic-css.json b/challenges/01-responsive-web-design/basic-css.json index 811798d10d..e64e77d35d 100644 --- a/challenges/01-responsive-web-design/basic-css.json +++ b/challenges/01-responsive-web-design/basic-css.json @@ -47,7 +47,7 @@ "description": [ "Now let's change the color of some of our text.", "We can do this by changing the style of your h2 element.", - "The style that is responsible for the color of an element's text is the \"color\" style.", + "The property that is responsible for the color of an element's text is the color style property.", "Here's how you would set your h2 element's text color to blue:", "<h2 style=\"color: blue;\">CatPhotoApp</h2>", "Note that it is a good practice to end inline style declarations with a ; .", @@ -148,15 +148,15 @@ "title": "Use CSS Selectors to Style Elements", "description": [ "With CSS, there are hundreds of CSS properties that you can use to change the way an element looks on your page.", - "When you entered <h2 style=\"color: red\">CatPhotoApp</h2>, you were giving that individual h2 element an inline style.", - "That's one way to add style to an element, but there's a better way to use CSS, which stands for Cascading Style Sheets.", - "At the top of your code, create a style element like this:", + "When you entered <h2 style=\"color: red\">CatPhotoApp</h2>, you were styling that individual h2 element with inline CSS, which stands for Cascading Style Sheets.", + "That's one way to specify the style of an element, but there's a better way to apply CSS.", + "At the top of your code, create a style block like this:", "
<style>
</style>
", - "Inside that style element, you can create a CSS selector for all h2 elements. For example, if you wanted all h2 elements to be red, your style element would look like this:", + "Inside that style block, you can create a CSS selector for all h2 elements. For example, if you wanted all h2 elements to be red, you would add a style rule that looks like this:", "
<style>
  h2 {color: red;}
</style>
", - "Note that it's important to have both opening and closing curly braces ({ and }) around each element's style. You also need to make sure your element's style is between the opening and closing style tags. Finally, be sure to add the semicolon to the end of each of your element's styles.", + "Note that it's important to have both opening and closing curly braces ({ and }) around each element's style rule(s). You also need to make sure that your element's style definition is between the opening and closing style tags. Finally, be sure to add a semicolon to the end of each of your element's style rules.", "
", - "Delete your h2 element's style attribute and instead create a CSS style element. Add the necessary CSS to turn all h2 elements blue." + "Delete your h2 element's style attribute, and instead create a CSS style block. Add the necessary CSS to turn all h2 elements blue." ], "challengeSeed": [ "

CatPhotoApp

", @@ -273,7 +273,7 @@ "You can see that we've created a CSS class called blue-text within the <style> tag.", "You can apply a class to an HTML element like this:", "<h2 class=\"blue-text\">CatPhotoApp</h2>", - "Note that in your CSS style element, classes should start with a period. In your HTML elements' class declarations, classes shouldn't start with a period.", + "Note that in your CSS style element, class names start with a period. In your HTML elements' class attribute, the class name does not include the period.", "
", "Inside your style element, change the h2 selector to .red-text and update the color's value from blue to red.", "Give your h2 element the class attribute with a value of 'red-text'."