CSS Grid

 
CSS Grid — это технология совершенно новая и официально стала поддерживаться современными браузерами только в середине 2017 года. На данный момент (февраль 2018) использовать CSS Grid на реальных проектах не рекомендуется. Но ознакомиться и быть готовым к ее повсеместному использованию в скором будущем просто необходимо.

Пример №1

See the Pen CSS Grid (Пример №1) by Denis (@deniscreative) on CodePen.0

Пример №2

See the Pen CSS Grid (Пример №2) by Denis (@deniscreative) on CodePen.0

Пример №3

See the Pen CSS Grid (Пример №3) by Denis (@deniscreative) on CodePen.0

Пример №4

See the Pen CSS Grid (Пример №4) by Алексей (@agragregra) on CodePen.0

Пример №5

See the Pen CSS Grid (Пример №5) by Denis (@deniscreative) on CodePen.0

Источник — https://webdesign-master.ru/blog/html-css/2017-09-03-css-grid.html