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

Update add-columns-with-grid-template-columns.english.md (#33544)

Browse Source 
Fixed wording order for 'each' when asking to set column width.
This commit is contained in:
Zach
2019-02-15 20:40:32 -05:00
committed by Randell Dawson
parent 7872dda58b
commit 2fea8d89f4
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
curriculum/challenges/english/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.english.md
View File

@ -9,13 +9,13 @@ videoUrl: 'https://scrimba.com/p/pByETK/c7NzDHv'
<section id='description'> <section id='description'>
Simply creating a grid element doesn't get you very far. You need to define the structure of the grid as well. To add some columns to the grid, use the <code>grid-template-columns</code> property on a grid container as demonstrated below: Simply creating a grid element doesn't get you very far. You need to define the structure of the grid as well. To add some columns to the grid, use the <code>grid-template-columns</code> property on a grid container as demonstrated below:
<blockquote>.container {<br>&nbsp;&nbsp;display: grid;<br>&nbsp;&nbsp;grid-template-columns: 50px 50px;<br>}</blockquote> <blockquote>.container {<br>&nbsp;&nbsp;display: grid;<br>&nbsp;&nbsp;grid-template-columns: 50px 50px;<br>}</blockquote>
This will give your grid two columns that are 50px wide each. This will give your grid two columns that are each 50px wide.
The number of parameters given to the <code>grid-template-columns</code> property indicates the number of columns in the grid, and the value of each parameter indicates the width of each column. The number of parameters given to the <code>grid-template-columns</code> property indicates the number of columns in the grid, and the value of each parameter indicates the width of each column.
</section> </section>
## Instructions ## Instructions
<section id='instructions'> <section id='instructions'>
Give the grid container three columns that are <code>100px</code> wide each. Give the grid container three columns that are each <code>100px</code> wide.
</section> </section>
## Tests ## Tests