HTML и CSS CSS Grid: Новый взгляд на адаптивную верстку сайтов. Руководство

Всем привет. Сегодня мы рассмотрим новейшую технику адаптивной вёрстки сайтов с использованием CSS Grid. Технология совершенно новая и официально стала поддерживаться современными браузерами только в середине 2017 года. Так что данный материал имеет сугубо академическое назначение. Использовать CSS Grid на реальных проектах или нет - решать вам. Однако этот инструмент, спецификация которого ещё не остыла после горячего пресса, в некотором роде, является прорывом в создании адаптивных интерфейсов. Интересно? Вперёд в будущее!

Реши любую задачу с YouDo! - http://bit.ly/2gC5oeJ

Примеры 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