diff --git a/seed/challenges/01-responsive-web-design/css-flexbox.json b/seed/challenges/01-responsive-web-design/css-flexbox.json index 5713eb9251..4c0dad298f 100644 --- a/seed/challenges/01-responsive-web-design/css-flexbox.json +++ b/seed/challenges/01-responsive-web-design/css-flexbox.json @@ -942,16 +942,15 @@ " display: flex;", " height: 500px;", " }", + " ", " #box-1 {", " background-color: dodgerblue;", - " flex-basis: 10em; /* See next challenge! */", " height: 200px;", " ", " }", - "", + " ", " #box-2 {", " background-color: orangered;", - " flex-basis: 10em; /* See next challenge! */", " height: 200px;", " ", " }", @@ -977,10 +976,10 @@ "id": "587d78ae367417b2b2512afd", "title": "Use the flex-basis Property to Set the Initial Size of an Item", "description": [ - "The previous example included flex-basis to help demonstrate how the flex-grow property works. The flex-basis property specifies the initial size of the item before CSS makes adjustments with flex-shrink or flex-grow.", + "The flex-basis property specifies the initial size of the item before CSS makes adjustments with flex-shrink or flex-grow.", "The units used by the flex-basis property are the same as other size properties (px, em, %, etc.). The value auto sizes items based on the content.", "
", - "Set the initial size of the boxes using flex-basis. Add the CSS property flex-basis to both #box-1 and #box-2. Give #box-1 a value of 10em and #box-2 a value of 20em." + "Set the initial size of the boxes using flex-basis. Add the CSS property flex-basis to both #box-1 and #box-2. Give #box-1 a value of 10em and #box-2 a value of 20em." ], "challengeSeed": [ "", - "", + " ", "
", "
", "
", @@ -1008,9 +1008,9 @@ ], "tests": [ "assert($('#box-1').css('flex-basis') != 'auto', 'message: The #box-1 element should have a flex-basis property.');", - "assert(code.match(/#box-1\\s*?{\\s*?.*?\\s*?.*?\\s*?flex-basis:\\s*?10em;/g), 'message: The #box-1 element should have a flex-basis value of 10em.');", + "assert(code.match(/#box-1\\s*?{\\s*?.*?\\s*?.*?\\s*?flex-basis:\\s*?10em;/g), 'message: The #box-1 element should have a flex-basis value of 10em.');", "assert($('#box-2').css('flex-basis') != 'auto', 'message: The #box-2 element should have the flex-basis property.');", - "assert(code.match(/#box-2\\s*?{\\s*?.*?\\s*?.*?\\s*?flex-basis:\\s*?20em;/g), 'message: The #box-2 element should have a flex-basis value of 20em.');" + "assert(code.match(/#box-2\\s*?{\\s*?.*?\\s*?.*?\\s*?flex-basis:\\s*?20em;/g), 'message: The #box-2 element should have a flex-basis value of 20em.');" ], "solutions": [], "hints": [],