Продолжая концепцию «Не переусердствуйте с сетками», мы получаем желоба в сетке, просто используя некоторые простые отступы. Мы поддерживаем постоянное число заполнения, повторно используя нашу глобальную $paddingпеременную. Вы обнаружите, что мы часто используем это число при создании стиля.
Мы стилизуем класс «модуль» с помощью простого фона и тени блока. Это очень многоразовый класс, который можно использовать где угодно.
Конечным результатом является прекрасная гибкая сетка, для которой потребовалось всего несколько строк кода. По мере продвижения это может стать немного сложнее, но не слишком.