gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(seed): fixed typos in css grid challenges (#16877)

Browse Source 
Closes #16871
This commit is contained in:
R.Ganesh
2018-03-13 20:50:25 +05:30
committed by mrugesh mohapatra
parent 34dea0ab9c
commit edbcd73566
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
challenges/01-responsive-web-design/css-grid.json
View File

@ -276,7 +276,7 @@
"description": [ "description": [
"You can add a gap in between the rows of a grid using <code>grid-row-gap</code> in the same way that you added a gap in between columns in the previous challenge.", "You can add a gap in between the rows of a grid using <code>grid-row-gap</code> in the same way that you added a gap in between columns in the previous challenge.",
"<hr>", "<hr>",
"Create a gap for the rows that is <code>5px</code> of the grid's height." "Create a gap for the rows that is <code>5px</code> tall."
], ],
"challengeSeed": [ "challengeSeed": [
"<style>", "<style>",
@ -325,7 +325,7 @@
"description": [ "description": [
"<code>grid-gap</code> is a shorthand property for <code>grid-row-gap</code> and <code>grid-column-gap</code> from the previous two challenges that's more convenient to use. If <code>grid-gap</code> has one value, it will a create a gap between all rows and columns. However, if there are two values, it will use the first one to set the gap between the rows and the second value for the columns.", "<code>grid-gap</code> is a shorthand property for <code>grid-row-gap</code> and <code>grid-column-gap</code> from the previous two challenges that's more convenient to use. If <code>grid-gap</code> has one value, it will a create a gap between all rows and columns. However, if there are two values, it will use the first one to set the gap between the rows and the second value for the columns.",
"<hr>", "<hr>",
"Use <code>grid-gap</code> to introduce a <code>10px</code> gap between the rows and <cod>20px</code> gap between the columns." "Use <code>grid-gap</code> to introduce a <code>10px</code> gap between the rows and <code>20px</code> gap between the columns."
], ],
"challengeSeed": [ "challengeSeed": [
"<style>", "<style>",
@ -816,7 +816,7 @@
"<blockquote>grid-area: horizontal line to start at / vertical line to start at / horizontal line to end at / vertical line to end at;</blockquote>", "<blockquote>grid-area: horizontal line to start at / vertical line to start at / horizontal line to end at / vertical line to end at;</blockquote>",
"So the item in the example will consume the rows between lines 1 and 2, and the columns between lines 1 and 4.", "So the item in the example will consume the rows between lines 1 and 2, and the columns between lines 1 and 4.",
"<hr>", "<hr>",
"Using the <code>grid-area</code> property, place the element with <code>item5</code> class between the first and forth horizontal lines and between the third and forth vertical lines." "Using the <code>grid-area</code> property, place the element with <code>item5</code> class between the third and fourth horizontal lines and between the first and fourth vertical lines."
], ],
"challengeSeed": [ "challengeSeed": [
"<style>", "<style>",