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