diff --git a/seed_data/coursewares.json b/seed_data/coursewares.json
index 937751adc9..f8698bc1df 100644
--- a/seed_data/coursewares.json
+++ b/seed_data/coursewares.json
@@ -370,7 +370,7 @@
{
"_id": "bad87fee1348bd9aecf08806",
"name": "Use a CSS Class to Style an Element",
- "difficulty": 0.0185,
+ "difficulty": 0.019,
"description": [
"Create a CSS class called .red-text
and apply it to the h2
element.",
"Classes are reusable styles that can be added to HTML elements.",
@@ -400,7 +400,7 @@
{
"_id": "bad87fee1348bd9aefe08806",
"name": "Use a CSS Class to Style Multiple Elements",
- "difficulty": 0.019,
+ "difficulty": 0.020,
"description": [
"Apply the \"red-text\" class to the h2
and p
elements.",
"Remember that you can attach classes to HTML elements by using the class=\"class\"
within the relevant element's opening tag."
@@ -427,7 +427,7 @@
{
"_id": "bad87fee1348bd9aedf08806",
"name": "Change the Font Size of an Element",
- "difficulty": 0.020,
+ "difficulty": 0.021,
"description": [
"Set the font size of all p
elements to 16 pixels",
"Font size is controlled by the font-size
CSS attribute, like this: h1 { font-size: 30px; }
.",
@@ -454,7 +454,7 @@
{
"_id": "bad87fee1348bd9aede08807",
"name": "Set the Font of an Element",
- "difficulty": 0.0205,
+ "difficulty": 0.022,
"description": [
"Make all paragraph elements use the \"Monospace\" font.",
"You can set an element's font by using the font-family
attribute.",
@@ -484,7 +484,7 @@
{
"_id": "bad87fee1348bd9aedf08807",
"name": "Import a Google Font",
- "difficulty": 0.021,
+ "difficulty": 0.023,
"description": [
"Apply the font-family of Lobster to your h2 element.",
"First, you'll need to make a call
to Google to grab the \"Lobster\" font and loads it into your HTML.",
@@ -517,7 +517,7 @@
{
"_id": "bad87fee1348bd9aedf08808",
"name": "Specify How Fonts Should Degrade",
- "difficulty": 0.022,
+ "difficulty": 0.024,
"description": [
"Make all h2 elements use \"Lobster\" as their font family, but degrade to the \"Monospace\" font when the Lobster font isn't available.",
"Commented out your call to Google Fonts, so that our \"Lobter\" isn't available.",
@@ -556,7 +556,7 @@
{
"_id": "bad87fee1348bd9aedf08809",
"name": "Using Important to Override Styles",
- "difficulty": 0.023,
+ "difficulty": 0.025,
"description": [
"Create a \"blue-text\" class that gives an element the font-color of blue. Also create a \"urgently-red\" class that give an element the font-color of red, but use !important
to ensure the element is rendered as being red. Apply both classes to your h2
element.",
"Sometimes HTML elements will receive conflicting information from CSS classes as to how they should be styled.",
@@ -599,7 +599,7 @@
{
"_id": "bad87fee1348bd9aedf08812",
"name": "Add an Image to your Website",
- "difficulty": 0.027,
+ "difficulty": 0.026,
"description": [
"Use an img element to add the image http://bit.ly/fcc-kittens
to your website.",
"You can add images to your website by using the img
element.",
@@ -637,7 +637,7 @@
{
"_id": "bad87fee1348bd9acdf08812",
"name": "Specify an Image Size",
- "difficulty": 0.028,
+ "difficulty": 0.027,
"description": [
"Create a class called smaller-image
and use it to resize the image so that it's only 100 pixels wide.",
"CSS has an attribute called width
that controls an element's width. Just like with fonts, we'll use pixels(px) to specify the images width.",
@@ -676,7 +676,7 @@
{
"_id": "bad87fee1348bd9bedf08813",
"name": "Add a Border Around an Element",
- "difficulty": 0.029,
+ "difficulty": 0.028,
"description": [
"Create a class called \"thick-green-border\" that puts a 10-pixel-wide green border around your cat photo.",
"CSS Borders
have attributes like style, color and width.",
@@ -721,7 +721,7 @@
{
"_id": "bad87fee1348bd9aedf08814",
"name": "Add Rounded Corners with a Border Radius",
- "difficulty": 0.030,
+ "difficulty": 0.029,
"description": [
"Give your cat photo a border radius of 10 pixels.",
"Your cat photo currently has sharp corners. We can round out those corners with a CSS attribute called border-radius
.",
@@ -770,7 +770,7 @@
{
"_id": "bad87fee1348bd9aedf08815",
"name": "Make an Image Circular with a Border Radius",
- "difficulty": 0.031,
+ "difficulty": 0.030,
"description": [
"Give your cat photo a border-radius
of 50%.",
"In addition to pixels, you can also specify a border-radius
using a percentage."
@@ -818,7 +818,7 @@
{
"_id": "bad87fee1348bd9aedf08816",
"name": "Use an Anchor Tag to Link to an External Page",
- "difficulty": 0.033,
+ "difficulty": 0.031,
"description": [
"Create an anchor tag
hyperlink that links to http://catphotoapp.com and has the anchor text \"cat photos\".",
"Here's a diagram of an anchor tag
. In this case, it's used in the middle of a paragraph element, which means a link will appear in the middle of the sentence.",
@@ -869,7 +869,7 @@
{
"_id": "bad87fee1348bd9aede08817",
"name": "Wrap an Anchor Element in a Paragraph",
- "difficulty": 0.0335,
+ "difficulty": 0.032,
"description": [
"Now nest your anchor element inside a paragraph
element. For example, \"click here for cat photos\", where only \"cat photos\" is a link.",
"Again, here's a diagram of an anchor tag
for your reference:",
@@ -923,7 +923,7 @@
{
"_id": "bad87fee1348bd9aedf08817",
"name": "Make Dead Links using the Hash Symbol",
- "difficulty": 0.034,
+ "difficulty": 0.033,
"description": [
"Use the hash symbol(#) to turn your anchor
element's link into a dead link.",
"Sometimes you want to add anchor
elements to your website before you know where they will link.",
@@ -975,7 +975,7 @@
{
"_id": "bad87fee1348bd9aedf08820",
"name": "Turn an Image into a Link",
- "difficulty": 0.035,
+ "difficulty": 0.034,
"description": [
"Wrap the your cat's image element inside an anchor element that is a dead link.",
"You can make elements into links by wrapping them in an anchor tag
.",
@@ -1028,7 +1028,7 @@
{
"_id": "bad87fee1348bd9aedf08818",
"name": "Add Alt Text to an image",
- "difficulty": 0.036,
+ "difficulty": 0.035,
"description": [
"Add the alt text
\"A cute orange cat lying on its back\" to our cat photo",
"alt text
is what browsers will display if they fail to load the image. alt text
is also important for blind or visually impaired users to understand what an image portrays. Search engines also look at alt text
.",
@@ -1262,7 +1262,7 @@
""
],
"tests": [
- "assert($('[placeholder]').length > 0, 'Your text field should have the placeholder text of \"enter cat photo URL\".')"
+ "assert($('[placeholder]').length > 0, 'Your text field should have the placeholder text of \"cat photo URL\".')"
],
"challengeSeed": [
"",
@@ -1373,7 +1373,7 @@
"
.red-text
, p
, .smaller-image
. Delete the p
element with the dead link. Remove your red-text
class from your h2
element and instead apply the text-primary
Bootstrap class. Replace the smaller-image
class on your top image with the img-responsive
class."
],
@@ -2468,7 +2468,7 @@
" ",
" ",
" <div class='row'>
element. Wrap your h2 text in a <div class='col-xs-8'>
and your image in a <div class='col-xs-4'>
so that they are on the same line."
],
@@ -2541,7 +2541,7 @@
" ",
" ",
" <i class=\"fa fa-thumbs-up\">
within your like button's element."
@@ -2617,7 +2617,7 @@
" ",
" ",
" <i class=\"fa fa-thumbs-up\">
within your like button's element."
@@ -2694,7 +2694,7 @@
" ",
" ",
" <div class='row'>
element. Then wrap each of them in a <div class='col-xs-6'>
element."
],
@@ -2770,7 +2770,7 @@
" ",
" ",
" <div class='row'>
element. Then wrap each of them in a <div class='col-xs-4'>
element."
],
@@ -2853,7 +2853,7 @@
" ",
" ",
" <div class='row'>
element. Then wrap each of them in a <div class='col-xs-4'>
element."
+ "Give your form's text input field in a class of \"form-control\". Give your form's submit button the classes \"btn btn-primary\"."
],
"tests": [
- "assert($('.row').length > 3, 'Wrap your all of your checkboxes inside one div with the class \"row\".')",
- "assert($('.col-xs-4').length > 6, 'Wrap each of your checkboxes inside its own div with the class \"col-xs-4\".')"
+ "assert($('.btn-primary').length > 1, 'Give your form's submit button the classes \"btn btn-primary\".')",
+ "assert($('.form-control').length > 0, 'Give your form's text input field in a class of \"form-control\".')"
],
"challengeSeed": [
"",
@@ -2945,7 +2945,7 @@
" ",
" ",
" <div class='row'>
element. Then wrap each of them in a <div class='col-xs-4'>
element."
+ "Wrap both your form's text input field and submit button within a div with the class \"row\". Wrap your form's text input field within a div with the class of \"col-xs-7\". Wrap your form's submit button the in a div with the class \"col-xs-5\"."
],
"tests": [
-
+ "assert($('.row').length > 4, 'Wrap your all of your checkboxes inside one div with the class \"row\".')",
+ "assert($('.col-xs-5').length > 0, 'Wrap each of your checkboxes inside its own div with the class \"col-xs-4\".')",
+ "assert($('.col-xs-7').length > 0, 'Wrap each of your checkboxes inside its own div with the class \"col-xs-4\".')"
],
"challengeSeed": [
"",
@@ -3036,32 +3038,18 @@
" ",
" ",
" padding
of the green box to match that of the red box.",
"An element's padding
controls the amount of space between an element and its border
.",
@@ -3112,7 +3100,7 @@
{
"_id": "bad87fee1348bd9aedf08822",
"name": "Adjust the Margin of an Element",
- "difficulty": 0.999,
+ "difficulty": 0.064,
"description": [
"Change the margin
of the green box to match that of the red box.",
"An element's margin
controls the amount of space between an element's border
and surrounding elements.",
@@ -3165,7 +3153,7 @@
{
"_id": "bad87fee1348bd9aedf08823",
"name": "Add a Negative Margin to an Element",
- "difficulty": 0.999,
+ "difficulty": 0.065,
"description": [
"Change the margin
of the green box to a negative value, so it fills the entire horizontal width of the blue box.",
"An element's margin
controls the amount of space between an element's border
and surrounding elements.",
@@ -3217,7 +3205,7 @@
{
"_id": "bad87fee1348bd9aedf08824",
"name": "Add Different Padding to Each Side of an Element TEST",
- "difficulty": 0.999,
+ "difficulty": 0.066,
"description": [
"Give the green box a padding of 40 pixels on its top and left side, but only 20 pixels on its bottom and right side.",
"Sometimes you will want to customize an element so that it has different padding on each of its sides.",
@@ -3270,7 +3258,7 @@
{
"_id": "bad87fee1248bd9aedf08824",
"name": "Add Different a Margin to Each Side of an Element TEST",
- "difficulty": 0.999,
+ "difficulty": 0.067,
"description": [
"Give the green box a margin of 40 pixels on its top and left side, but only 20 pixels on its bottom and right side.",
"Sometimes you will want to customize an element so that it has a different margin on each of its sides.",
@@ -3323,7 +3311,7 @@
{
"_id": "bad87fee1348bd9aedf08826",
"name": "Use Clockwise Notation to Specify an Element's Padding",
- "difficulty": 0.999,
+ "difficulty": 0.068,
"description": [
"Use Clockwise Notation
to give an element padding of 40 pixels on its top and left side, but only 20 pixels on its bottom and right side.",
"Instead of specifying an element's padding-top
, padding-right
, padding-bottom
, and padding-left
attributes, you can specify them all in one line, like this: padding: 10px 20px 10px 20px;
.",