Как выйти за пределы container не убирая его(НЕ БУТСТРАП)?

Question

[imageneyshen]

Вот что выходит.


Если добавить container, то фон обрезается и не растягивается на весь экран.
Результат должен быть как на этом скрине, но фон должен выходить за границы

Вот что надо

Comments

[imageneyshen]

и еще вопрос. Нужно ли у таких элементов назначать высоту блока? Или же высота должна задаваться атоматически содержимым блока и отступом вниз?

[Владимир]

задавай фон секции а не контейнеру

[imageneyshen]

Владимир, а как фон разделить на два цвета? Если один цвет то это понятно, просто задал и живешь спокойно, а вот вторая серая половина вызывает у меня вопросы

Answer 1

[Владимир]

а как фон разделить на два цвета = градиентом. например так. В ФУЛ экране смотри контейнер выровнен по центру а фон на всю ширину.

Comments

[imageneyshen]

Я пока не разбираюсь. Этот вариант будет адаптивным?

[Владимир]

imageneyshen, фон всегда будет 50% на 50 %.
а сам контент внутри контейнера уже полюбому придеся адаптировать через media запросы.

[imageneyshen]

Но все равно спасибо, помогло(градиент справа убрал)

Answer 2

[Aleksandr]

Если я правильно понял задачу

Comments

[imageneyshen]

нет, ты сделал так же как и на скрине. Должно быть ровно так же, но сам текст должен находиться по краям контейнера(который выравнивает весь контент по середке)

[Aleksandr]

imageneyshen, можно попробовать вот так