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'
."