Часть 1.   CSS Grid Layout  или просто гриды — это удобная технология для раскладки элементов на веб-страницах. В отличие от флексбоксов одновременно работающих только с одним измерением, гриды дают возможность работать одновременно с двумя: горизонталью и вертикалью. Определение. Грид представляет собой пересекающийся набор горизонтальных и вертикальных линий, образующих колонки и строки. Элементы могут быть помещены в грид в пределах линий этих колонок и строк. Особенности:  Вы можете создать грид с фиксированными размерами полоc, например используя пиксели...

Модуль CSS Grid состоит из большого количества свойств. Я разбил их на логические группы, чтобы было проще понять что за что отвечает и как использовать.