---
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 contêiner de grade, conforme demonstrado abaixo: .container {
display: grade;
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 contêiner 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
## Solution
```js
// solution required
```