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

Corrected minor spelling error (#34750)

Browse Source 
Changed "areas template" => "area's template".
This commit is contained in:
kevindelsh
2019-02-26 05:38:40 +01:00
committed by Paul Gamble
parent ab456a9a94
commit e40909b055
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
curriculum/challenges/english/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.english.md
View File

@ -7,7 +7,7 @@ videoUrl: 'https://scrimba.com/p/pByETK/cRrqmtV'
## Description ## Description
<section id='description'> <section id='description'>
After creating an areas template for your grid container, as shown in the previous challenge, you can place an item in your custom area by referencing the name you gave it. To do this, you use the <code>grid-area</code> property on an item like this: After creating an area's template for your grid container, as shown in the previous challenge, you can place an item in your custom area by referencing the name you gave it. To do this, you use the <code>grid-area</code> property on an item like this:
<blockquote>.item1 { grid-area: header; }</blockquote> <blockquote>.item1 { grid-area: header; }</blockquote>
This lets the grid know that you want the <code>item1</code> class to go in the area named <code>header</code>. In this case, the item will use the entire top row because that whole row is named as the header area. This lets the grid know that you want the <code>item1</code> class to go in the area named <code>header</code>. In this case, the item will use the entire top row because that whole row is named as the header area.
</section> </section>