diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.russian.md index 8b1e823cdf..f281ed8ae9 100644 --- a/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.russian.md +++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.russian.md @@ -3,14 +3,14 @@ id: 5a90372638fddaf9a66b5d38 title: Use grid-column to Control Spacing challengeType: 0 videoUrl: '' -localeTitle: Использовать grid-column для управления интервалом +localeTitle: Использование grid-column для управления пространством --- ## Description -
До этого момента все свойства, которые обсуждались, предназначены для контейнеров с сеткой. Свойство grid-column является первым для самих элементов сетки. Гипотетические горизонтальные и вертикальные линии, которые создают сетку, называются линиями . Эти строки нумеруются начиная с 1 в верхнем левом углу сетки и перемещаются вправо для столбцов и вниз для строк, считая вверх. Вот как выглядят линии для сетки 3x3:

строки столбцов

1

2

3

4

строки строк

1

2

3

4

Чтобы контролировать количество столбцов, которые будет потребляться элементом, вы можете использовать свойство grid-column в сочетании с номерами строк, которые хотите, чтобы элемент начал и остановился. Вот пример:
grid-column: 1/3;
Это приведет к тому, что элемент начнется с первой вертикальной линии сетки слева и пролетает до третьей линии сетки, потребляя два столбца.
+
До этого момента все свойства, которые обсуждались, предназначены для грид контейнеров. Свойство grid-column - первое свойство для использования в элементах грида. Гипотетические горизонтальные и вертикальные линии, которые создают грид, называются линиями . Эти линии нумеруются начиная с 1 в верхнем левом углу грида и перемещаются вправо для столбцов и вниз для строк. Вот как выглядят линии для грида 3x3:

линии столбцов

1

2

3

4

линии строк

1

2

3

4

Чтобы контролировать количество столбцов, которые будет занимать элемент, вы можете использовать свойство grid-column в сочетании с номерами линий начала и конца элемента. Вот пример:
grid-column: 1/3;
Это приведет к тому, что элемент начнется с первой вертикальной линии грида слева и продолжится до третьей линии грида, занимая два столбца.
## Instructions -
Сделать элемент с классом item5 использовать последние два столбца сетки.
+
Создайте элемент с классом item5 , который занимает последние два столбца грида.
## Tests