Fixes 'display: grade' => 'display: grid' (#28933)
Also, fixes the spelling of 'container'
This commit is contained in:
committed by
Randell Dawson
parent
7e1fd378b6
commit
3e0d2e9f88
@ -7,10 +7,10 @@ localeTitle: Adicionar colunas com colunas de modelo de grade
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Simplesmente criar um elemento de grade não te leva muito longe. Você precisa definir a estrutura da grade também. Para adicionar algumas colunas à grade, use a propriedade <code>grid-template-columns</code> em um contêiner de grade, conforme demonstrado abaixo: <blockquote> .container { <br> display: grade; <br> grid-template-columns: 50px 50px; <br> } </blockquote> Isso dará à sua grade duas colunas com 50 pixels de largura cada. O número de parâmetros fornecidos para a propriedade <code>grid-template-columns</code> indica o número de colunas na grade e o valor de cada parâmetro indica a largura de cada coluna. </section>
|
||||
<section id="description"> Simplesmente criar um elemento de grade não te leva muito longe. Você precisa definir a estrutura da grade também. Para adicionar algumas colunas à grade, use a propriedade <code>grid-template-columns</code> em um container de grade, conforme demonstrado abaixo: <blockquote> .container { <br> display: grid; <br> grid-template-columns: 50px 50px; <br> } </blockquote> Isso dará à sua grade duas colunas com 50 pixels de largura cada. O número de parâmetros fornecidos para a propriedade <code>grid-template-columns</code> indica o número de colunas na grade e o valor de cada parâmetro indica a largura de cada coluna. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions"> Dê ao contêiner de grade três colunas com <code>100px</code> largura cada. </section>
|
||||
<section id="instructions"> Dê ao container de grade três colunas com <code>100px</code> largura cada. </section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
|
Reference in New Issue
Block a user