Frontend Formula

💫Гайд по grid, Часть 2



Важное замечание: свойства float, display: inline-block, display: table-cell, vertical-align и column-* не дают никакого эффекта, когда применяются к грид-элементам.



Свойства грид-элементов:

👉 grid-column-start, grid-column-end, grid-row-start, grid-row-end — Определяют положение элемента внутри грид-сетки при помощи указания на конкретные направляющие линии.



👉 grid-column, grid-row — Свойства-шорткаты для grid-column-start, grid-column-end и grid-row-start, grid-row-end соответственно.



👉 grid-area — Может указывать элементу, какую из именованных областей ему нужно занять, так и служить шорткатом для одновременного указания значений для нескольких свойств.



👉 justify-self — Позволяет установить горизонтальное выравнивание для отдельного элемента.



👉 align-self — Выравнивает отдельный элемент по вертикальной оси.



👉 Ссылка на первую часть



Статья: https://doka.guide/css/grid-guide/



#css #дока



👉 @frontend_formula