Выбери колличество колонок
Чем больше колонок, там более «гибкими» смогут быть твои последующие дизайн решения.
Они являются «ограничителями», за которые основной контент макета не будет выходить. В целом, макет может жить и без отступов, но такое решение должно быть концептуально обоснованно (например, если хочется достичь эффекта тесноты)
Задай отступы от края макета
Это отступы между колонками, куда контент заходить не должен. Они же и формируют границу, от которой происходит выравнивание. Чем шире межколонник, тем свободнее макет.
Это ни видимая линия, которая управляет взглядом зрителя. По ней выравнивается весь основной контент, что позволяет пользователю быстро «просканировать» макет глазами и понять все самое важное, не погружаясь в детали. Классический пример базовой линии — это выравнивание от левого края. В нашем примере я сместил ее на две колонки вправо, чтобы тебе было понятнее о чем речь.