Fixes 'display: grade' => 'display: grid' (#28933)

Also, fixes the spelling of 'container'
This commit is contained in:
Bruno Nash
2019-05-22 19:23:18 +01:00
committed by Randell Dawson
parent 7e1fd378b6
commit 3e0d2e9f88

View File

@ -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'>