---
id: 5a90374338fddaf9a66b5d3a
title: Align an Item Horizontally using justify-self
challengeType: 0
videoUrl: ''
localeTitle: 'Выровнять элемент по горизонтали, используя оправдание'
---
## Description
В CSS Grid содержимое каждого элемента находится в ящике, который называется ячейкой . Вы можете выравнивать позицию содержимого внутри своей ячейки по горизонтали, используя свойство justify-self
для элемента сетки. По умолчанию это свойство имеет значение stretch
, которое сделает содержимое заполнением всей ширины ячейки. Это свойство CSS Grid принимает и другие значения: start
: выравнивает содержимое слева от ячейки, в center
: выравнивает содержимое в центре ячейки, end
: выравнивает содержимое справа от ячейки.
## Instructions
Используйте свойство justify-self
для item2
элемента с помощью item2
.
## Tests
```yml
tests:
- text: класс item2
должен иметь свойство justify-self
которое имеет значение 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
```