, чтобы сохранить свой прогресс
Добавление столбцов с grid-template-columns
Просто создать грид элемент недостаточно. Вам также необходимо определить структуру грида. Чтобы добавить несколько столбцов в грид, используйте свойство grid-template-columns в контейнере грида как показано ниже:
.container {Теперь в вашем гриде два столбца, каждый шириной 50 пикселей. Количество параметров, заданных для свойства
display: grid;
grid-template-columns: 50px 50px;
}
grid-template-columns , указывает количество столбцов в сетке, а значение каждого параметра указывает ширину каждого столбца.Задайте грид контейнеру три столбца, каждый шириной 100px .
/**
* Your test output will go here.
*/