Какие существуют методы для создания горизонтального пространства в веб-дизайне?

Некоторые методы создания горизонтального пространства в веб-дизайне:

• Зонирование. awdee.ru Разделение экрана на функциональные или смысловые зоны. awdee.ru Например, можно расположить картинки слева, а текст — справа. awdee.ru Если половины экрана для текста слишком много, можно разделить его на три части: одну колонку отдать под текст, а две другие — под картинки. awdee.ru
• Детализация. awdee.ru Разделение колонки на несколько частей, чтобы внутри сетки получилась ещё одна сетка. awdee.ru
• Использование сеток. awdee.ru web-valley.ru Некоторые варианты:
• «Панелька». awdee.ru Есть вариации с максимальным подобием модулей, специальным блоком, который занимает в два раза больше места, чем все остальные, или ритмическим рисунком, который получается за счёт использования изображений любых пропорций. awdee.ru
• «Расчёска». awdee.ru Есть варианты с вводом специального блока, который больше по вертикали, чем остальные, высотой модуля, зависящей от длины текста и высоты картинки, или с расчёской сверху, когда линия выравнивания модулей находится снизу. awdee.ru
• «Лесенка». awdee.ru Есть вариации с делением строки на две части и смещением массы слева направо или с просмотром лонгрида по диагонали, что соответствует естественному движению взгляда. awdee.ru
• «Резинка». awdee.ru Общая ширина модулей остаётся одинаковой, но по мере движения сверху вниз меняется количество модулей в строке. awdee.ru Если количество модулей уменьшается, то появляется дополнительное пространство, которое используется для межколонников. awdee.ru
• «Колонная». awdee.ru Включает два типа модулей: обычный или типовой и специальный блок во всю ширину колонки. awdee.ru Такой вариант позволяет придать сетке неравномерность. awdee.ru
• «Алгоритмическая». awdee.ru Пластичная, сложная сетка, которая не содержит колонок, вместо них есть вертикальные линии, на которые дизайнер подвешивает модули. awdee.ru

Также для создания горизонтального меню с равномерным распределением элементов можно использовать CSS flexbox и его свойства. sky.pro