---
id: 5a90374338fddaf9a66b5d3a
title: Align an Item Horizontally using justify-self
challengeType: 0
videoUrl: ''
localeTitle: Alinear un artículo horizontalmente usando justify-self
---
## Description
En CSS Grid, el contenido de cada elemento se encuentra en un cuadro al que se hace referencia como una celda . Puede alinear la posición del contenido dentro de su celda horizontalmente usando la propiedad de justify-self
en un elemento de la cuadrícula. De forma predeterminada, esta propiedad tiene un valor de stretch
, que hará que el contenido llene todo el ancho de la celda. Esta propiedad de la cuadrícula de CSS también acepta otros valores: start
: alinea el contenido a la izquierda de la celda, center
: alinea el contenido en el centro de la celda, end
: alinea el contenido a la derecha de la celda.
## Instructions
Utilice la propiedad justify-self
para centrar el elemento con la clase item2
.
## Tests
```yml
tests:
- text: item2
clase item2
debe tener una propiedad de justify-self
que tenga el 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
```