В чем разница между вертикальным и горизонтальным выравниванием в CSS Grid?

Разница между вертикальным и горизонтальным выравниванием в CSS Grid заключается в направлении, по которому выравниваются элементы: по вертикали или по горизонтали. skillbox.ru

Вертикальное выравнивание в CSS Grid осуществляется с помощью свойств align-items и align-content. skillbox.ru Они выравнивают элементы в пределах области по вертикали. skillbox.ru Некоторые возможные значения свойств:

• align-items: stretch — растягивает элементы на всю длину грид-ячейки. skillbox.ru
• align-items: start — располагает элементы в верхней части грид-ячейки. skillbox.ru
• align-items: center — размещает элементы в центре грид-ячейки. skillbox.ru
• align-items: end — располагает элементы в нижней части грид-ячейки. skillbox.ru

Горизонтальное выравнивание в CSS Grid происходит с помощью свойств justify-items и justify-content. skillbox.ru Они выравнивают элементы в пределах области по горизонтали. skillbox.ru Некоторые возможные значения свойств:

• justify-items: stretch — растягивает элементы на всю ширину грид-ячейки. skillbox.ru
• justify-items: start — располагает элементы в левой части грид-ячейки или области. skillbox.ru
• justify-items: center — размещает элементы в центре грид-ячейки или области. skillbox.ru
• justify-items: end — располагает элементы в правой части грид-ячейки или области. skillbox.ru

Чтобы одновременно настроить выравнивание по вертикали и горизонтали, можно использовать свойство place-items. javarush.com