Update add-columns-with-grid-template-columns.english.md (#33544)
Fixed wording order for 'each' when asking to set column width.pull/28860/head^2
parent
7872dda58b
commit
2fea8d89f4
|
@ -9,13 +9,13 @@ videoUrl: 'https://scrimba.com/p/pByETK/c7NzDHv'
|
|||
<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:
|
||||
<blockquote>.container {<br> display: grid;<br> 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.
|
||||
</section>
|
||||
|
||||
## 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>
|
||||
|
||||
## Tests
|
||||
|
|
Loading…
Reference in New Issue