Что же такое Grid Layout? Суть этого модуля заключается в разделении веб-страницы на столбцы и строки. В получившейся сетке можно размещать элементы. Управлять размерами и расположением этих элементов можно с помощью специальных свойств модуля.
Эта способность позволяет очень гибко отображать элементы на экране без изменений структуры кода. Но то же самое умеет и Flex скажешь ты. И это верно, но фишка в том, что помимо прочего Grid умеет управлять элементами в двухмерной плоскости, то есть и по горизонтали и по вертикали одновременно. Flex же работает с одной осью – горизонтальной либо вертикальной. Отлично, но че там с кроссбраузерностью? На первый взгляд все не плохо. По данным сервиса Can I Use модуль Grid Layout Level 1 поддерживают 93% пользователей. Даже ослик 11й что-то понимает правда с префиксами. Но поскольку Grid Layout довольно большой модуль использующий множество свойств, проверять поддержку следует каждого свойства который захотите использовать.

👉 Спецификация для браузеров Microsoft (eng): [ Ссылка ]
👉 Известные баги Grid: [ Ссылка ]

👉Весь прейлист CSS Grid Layout: - [ Ссылка ]

🔴 Получить доступ к плюшкам + поддержать канал: [ Ссылка ]
🔴 Telegram канал: [ Ссылка ] ([ Ссылка ])
🔴 Telegram чат по верстке: [ Ссылка ] ([ Ссылка ])
🔴 Facebook: [ Ссылка ]
🔴 Instagram: [ Ссылка ]

👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: [ Ссылка ]

🤟 Живи, а работай в свободное время! ©

свернуть