From 2091f65dfdb4a7df31f9b25428b1284e0509ea51 Mon Sep 17 00:00:00 2001 From: Quincy Larson Date: Mon, 11 May 2015 14:27:29 -0700 Subject: [PATCH] more courseware improvements --- seed_data/coursewares.json | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/seed_data/coursewares.json b/seed_data/coursewares.json index a260ea7af5a..027ac56e6ee 100644 --- a/seed_data/coursewares.json +++ b/seed_data/coursewares.json @@ -347,21 +347,22 @@ "name": "Create a Style Tag for CSS", "difficulty": 0.018, "description": [ - "Create a style tag and write the CSS to make all h2 elements blue.", + "Create remove your h2 element's style tag and write the CSS to make all h2 elements blue.", "With CSS, there are hundreds of CSS attributes that you can use to change the way an element looks on a web page.", - "When you entered <h2 style=\"color: red\">hello html<h2>, you were giving that individual h2 element an inline style", + "When you entered <h2 style=\"color: red\">Cat Photo App<h2>, you were giving that individual h2 element an inline style", "That's one way to add style to an element, but a better way is by using Cascading Style Sheets (CSS).", "At the top of your code, create a style tag like this: <style></style>", "Inside that style element, you can create a global style for all h2 elements. For example, if you wanted all h2 elements to be red, your style element would look like this: <style>h2: {color: red;}</style>", "Note that it's important to have an 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 the element's styles." ], "tests": [ - "expect($('h2')).to.have.css('color', 'rgb(0, 0, 255)');" + "assert($('h2').css('color') === 'rgb(0, 0, 255)', 'Your h2 element should be blue.')", + "assert(!$('h2').attr('style'), 'You should remove the style attribute from your h2 element.')" ], "challengeSeed": [ - "

hello world

", - "

cat photo app

", - "

lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

" + "

Cat Photo App

", + "", + "

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

" ], "challengeType": 0 },