CSS Grid Layout: введение и примеры использования

CSS Grid Layout — это новая спецификация, которая призвана сильно изменить процесс верстки адаптивных сайтов. Она является такой же прорывной, как в свое время было появление Flexbox.

На мой взгляд, использование Grid и Flexbox, позволит в будущем закрыть практически все необходимые задачи, которые возникают в процессе верстки.

Если поглядеть на поддержку браузерами данной технологии, то на текущий момент она еще достаточно низкая, поэтому использовать Grid прямо сейчас на реальных проектах разумеется не стоит.

Но в ближайшем будущем, когда поддержка браузеров будет нормальной, вам в любой случае потребуется ее применять.

Чтобы это было легче сделать, давайте уже прямо сейчас подготовимся и разберем, какие возможности нам дает CSS Grid.

Специально для этого я записал 3 урока.

#1. Знакомство с CSS Grid

#2. Выравнивание в CSS Grid

#3. Другие возможности CSS Grid

Все примеры, которые я разбираю в уроках, вы можете скачать из дополнительных материалов.