Всем привет. Сегодня мы рассмотрим новейшую технику адаптивной вёрстки сайтов с использованием CSS Grid. Технология совершенно новая и официально стала поддерживаться современными браузерами только в середине 2017 года. Так что данный материал имеет сугубо академическое назначение. Использовать CSS Grid на реальных проектах или нет - решать вам. Однако этот инструмент, спецификация которого ещё не остыла после горячего пресса, в некотором роде, является прорывом в создании адаптивных интерфейсов. Интересно? Вперёд в будущее!
Поделиться
Твитнуть
Поделиться
Класснуть
Запинить
Примеры CSS Grid из видео:
- Пример №1: https://codepen.io/agragregra/pen/WEPLja
- Пример №2: https://codepen.io/agragregra/pen/VzggZQ
- Пример №3: https://codepen.io/agragregra/pen/ZJwwOO
- Пример №4: https://codepen.io/agragregra/pen/wqNNpw
- Пример №5: https://codepen.io/agragregra/pen/prGGBe