diff --git a/curriculum/challenges/russian/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.russian.md b/curriculum/challenges/russian/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.russian.md index 79740812d2..8f0304e9ba 100644 --- a/curriculum/challenges/russian/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.russian.md +++ b/curriculum/challenges/russian/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.russian.md @@ -3,14 +3,14 @@ id: 5a9036d038fddaf9a66b5d32 title: Add Columns with grid-template-columns challengeType: 0 videoUrl: '' -localeTitle: Добавить столбцы с столбцами таблицы-шаблона +localeTitle: Добавление столбцов с grid-template-columns --- ## Description -
Простое создание элемента сетки не слишком далеко. Вам также необходимо определить структуру сетки. Чтобы добавить некоторые столбцы в сетку, используйте свойство grid-template-columns в контейнере сетки, как показано ниже:
.container {
отображение: сетка;
grid-template-columns: 50px 50px;
}
Это даст вашей сетке два столбца шириной 50 пикселей. Количество параметров, заданных для свойства grid-template-columns указывает количество столбцов в сетке, а значение каждого параметра указывает ширину каждого столбца.
+
Просто создать грид элемент недостаточно. Вам также необходимо определить структуру грида. Чтобы добавить несколько столбцов в грид, используйте свойство grid-template-columns в контейнере грида как показано ниже:
.container {
display: grid;
grid-template-columns: 50px 50px;
}
Теперь в вашем гриде два столбца, каждый шириной 50 пикселей. Количество параметров, заданных для свойства grid-template-columns , указывает количество столбцов в сетке, а значение каждого параметра указывает ширину каждого столбца.
## Instructions -
Дайте контейнеру сетки три столбца шириной по 100px .
+
Задайте грид контейнеру три столбца, каждый шириной 100px .
## Tests