Как работает алгоритм выравнивания элементов в CSS Grid?

Алгоритм выравнивания элементов в CSS Grid позволяет настраивать расположение grid-элементов внутри своих ячеек по горизонтали и вертикали. javarush.com

Для горизонтального выравнивания используется свойство justify-items. javarush.com Оно определяет расположение всех grid-элементов внутри ячеек по всей сетке. javarush.com Возможные значения: start (выравнивает элементы по началу ячейки), end (выравнивает элементы по концу ячейки), center (центрирует элементы внутри ячейки), stretch (по умолчанию) (растягивает элементы, чтобы они заполнили всю ширину ячейки). javarush.com

Для вертикального выравнивания используется свойство align-items. javarush.com Оно определяет расположение всех grid-элементов внутри ячеек по всей сетке. javarush.com Возможные значения: start (выравнивает элементы по началу ячейки), end (выравнивает элементы по концу ячейки), center (центрирует элементы внутри ячейки по вертикали), stretch (по умолчанию) (растягивает элементы, чтобы они заполнили всю высоту ячейки). javarush.com

Также для выравнивания отдельного grid-элемента по горизонтали используется свойство justify-self, а по вертикали — align-self. bureau.ru