, чтобы сохранить свой прогресс
Использование grid-column для управления пространством
До этого момента все свойства, которые обсуждались, предназначены для грид контейнеров. Свойство grid-column
- первое свойство для использования в элементах грида. Гипотетические горизонтальные и вертикальные линии, которые создают грид, называются линиями . Эти линии нумеруются начиная с 1 в верхнем левом углу грида и перемещаются вправо для столбцов и вниз для строк. Вот как выглядят линии для грида 3x3:
линии столбцов
1
2
3
4
линии строк
1
2
3
4
grid-column
в сочетании с номерами линий начала и конца элемента. Вот пример: grid-column: 1/3;Это приведет к тому, что элемент начнется с первой вертикальной линии грида слева и продолжится до третьей линии грида, занимая два столбца.
Создайте элемент с классом item5
, который занимает последние два столбца грида.
/**
* Your test output will go here.
*/