CSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSS
Всё о гридах
Источники:
https://doka.guide/css/grid-guide/
https://habr.com/ru/companies/macloud/articles/564182/
https://webformyself.com/min-content-max-content-i-fit-content-v-css/
https://developer.mozilla.org/en-US/docs/Web/CSS/minmax
https://habr.com/ru/companies/ruvds/articles/529830/ Содержание: 1. Что такое гриды?
2. Как же Грид работает?
3. Основные термины
4. Схема CSS Grids
5. display: grid;
6. grid-template-columns, grid-template-rows
6.1. repeat()
6.2. fr
7. grid-auto-columns, grid-auto-rows
7.1...
CSS Grid - детальный разбор
Модуль CSS Grid состоит из большого количества свойств. Я разбил их на логические группы, чтобы было проще понять что за что отвечает и как использовать.