Модульная сетка — это невидимая структура, которая помогает выстраивать элементы дизайна в логичную и читаемую систему. Это как планировка в архитектуре: вы не видите несущие стены, но именно они держат весь дом...

Модульная сетка — это система расположения объектов в пространстве на основе строк и столбцов определенного размера. Модульная сетка — это «скелет» дизайна, который помогает расположить элементы сайта гармонично и логично. Она избавляет от хаоса, упрощает верстку и делает макет визуально приятным для пользователя. Давайте разберем пример, который вы выбрали, и поймем, почему он работает. Вы делите 1170 px на повторяющиеся блоки: 70 px (колонка) / 15 px (гуттер) / 15 px / 70 px / 15 px / 15 px и так далее...