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

Fixes 'grid-area: cabeçalho' (#28952)

Browse Source 
Fixes 'grid-area: cabeçalho' => 'grid-area: header'
Also fixes the spelling of 'container'
This commit is contained in:
Bruno Nash
2019-03-16 19:36:20 +00:00
committed by Jaka Kranjc
parent 2fb9db692f
commit 198b38f2fc
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,7 +7,7 @@ localeTitle: Colocar itens em áreas de grade usando a propriedade de área de g
---
## Description
<section id="description"> Depois de criar um modelo de áreas para seu contêiner de grade, conforme mostrado no desafio anterior, você pode colocar um item em sua área personalizada fazendo referência ao nome que você deu a ele. Para fazer isso, você usa a propriedade de <code>grid-area</code> em um item como este: <blockquote> .item1 {grid-area: cabeçalho; } </blockquote> Isso permite que a grade saiba que você deseja que a classe <code>item1</code> vá para a área denominada <code>header</code> . Nesse caso, o item usará a linha superior inteira porque essa linha inteira é nomeada como a área do cabeçalho. </section>
<section id="description"> Depois de criar um modelo de áreas para seu container de grade, conforme mostrado no desafio anterior, você pode colocar um item em sua área personalizada fazendo referência ao nome que você deu a ele. Para fazer isso, você usa a propriedade de <code>grid-area</code> em um item como este: <blockquote> .item1 {grid-area: header; } </blockquote> Isso permite que a grade saiba que você deseja que a classe <code>item1</code> vá para a área denominada <code>header</code> . Nesse caso, o item usará a linha superior inteira porque essa linha inteira é nomeada como a área do cabeçalho. </section>
## Instructions
<section id="instructions"> Coloque um elemento com a classe <code>item5</code> na área de <code>footer</code> usando a propriedade <code>grid-area</code> . </section>