Начиная работу над сайтом, следующим этапом после заполнения брифа и маркетингового анализа бизнеса, мы приступаем к дизайну. А неотъемлемой частью дизайна является модульная сетка, которая помогает нам соблюдать пропорции и делать меньше ошибок. Модульная сетка - это система, которая помогает организовать объекты в пространстве. Ваш текст, картинки, блоки и элементы дизайна располагаются на макете правильно и гармонично. За счет того, что сетка помогает соблюдать расстояние между модулями. Таким образом мы понимаем, что сетка наш помощник и задает стандарт расположения элементов...

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