Как быть, если на макете нет четко выраженного контейнера?

Question

[Pavel_20]

Всем привет.
Такая ситуация: в лендинге не могу выделить четко выраженный контейнер. В двух секциях 1170px (максимально), где-то 1110px, где-то вообще 940px. Как быть в такой ситуации? Назначать всем секциям контейнер 1170px (точнее даже 1200px + 15px по бокам padding). А в секциях, где контент занимает меньшую длину, делать inner соответствующей длины с margin: 0 auto?

Comments

[Ankhena]

Примерно так.
Но вы не показали макет.
Возможно, есть другие решения, например, будет достаточно центрирования.

[Алекс Глебов]

подровнять

[Антон Литвиненко]

Не вижу проблемы. Нет сетки, значит не нужен и контейнер. Для каждой секции вполне можно задать свои размеры

[Pavel_20]

Ankhena, Антон Литвиненко, и тогда примиксовать padding по бокам и margin: 0 auto

[Ankhena]

Pavel_20, да, если паддинг одинаковый.
Про центрирование я имела в виду, что вдруг задача решается чем-то вроде justify-content center

[Pavel_20]

Ankhena, а я не узнаю одинаковый паддинг там будет или нет. у меня только десктопная версия имеется. хочу прикрепить макет в psd, но что-то не хочет грузить хабр...

Answer 1

[Владислав Черненко]

Я бы сделал разными классами, основной .container, остальным плюсовать .big, .small и пр. меняя им max-width.

Comments

[Pavel_20]

если по БЭМу делаю, то можно модификатором сделать же через -- ?

Answer 2

[Андрей Никифоров]

Дизайнер еще тот умник, а так, единый .container + addclass