--- id: 5a9036d038fddaf9a66b5d32 title: Add Columns with grid-template-columns challengeType: 0 videoUrl: '' localeTitle: Adicionar colunas com colunas de modelo de grade --- ## 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 grid-template-columns em um container de grade, conforme demonstrado abaixo:
.container {
display: grid;
grid-template-columns: 50px 50px;
}
Isso dará à sua grade duas colunas com 50 pixels de largura cada. O número de parâmetros fornecidos para a propriedade grid-template-columns indica o número de colunas na grade e o valor de cada parâmetro indica a largura de cada coluna.
## Instructions
Dê ao container de grade três colunas com 100px largura cada.
## Tests
```yml tests: - text: container classe container deve ter uma propriedade grid-template-columns com três unidades de 100px . testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?100px\s*?100px\s*?100px\s*?;[\s\S]*}/gi), "container class should have a grid-template-columns property with three units of 100px.");' ```
## Challenge Seed
```html
1
2
3
4
5
```
## Solution
```js // solution required ```