---
id: 5a90374338fddaf9a66b5d3a
title: Align an Item Horizontally using justify-self
challengeType: 0
videoUrl: ''
localeTitle: Alinhar um item horizontalmente usando justify-self
---
## Description
Em CSS Grid, o conteúdo de cada item está localizado em uma caixa que é referida como uma célula . Você pode alinhar a posição do conteúdo dentro de sua célula horizontalmente usando a propriedade justify-self
em um item da grade. Por padrão, essa propriedade tem um valor de stretch
, o que fará com que o conteúdo preencha toda a largura da célula. Essa propriedade CSS Grid aceita outros valores também: start
: alinha o conteúdo à esquerda da célula, center
: alinha o conteúdo no centro da célula, end
: alinha o conteúdo à direita da célula.
## Instructions
Use a propriedade justify-self
para centralizar o item com a classe item2
.
## Tests
```yml
tests:
- text: item2
classe item2
deve ter uma propriedade justify-self
que tenha o valor de center
.
testString: 'assert(code.match(/.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi), "item2
class should have a justify-self
property that has the value of center
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```