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