Как в верстке сделать уши у контейнера?

Question

[BloomingBurden]

Есть такой вот контейнер(Обвел красным) и нужно сделать так, чтобы некоторые(НЕ ВСЕ) элементы выходили за пределы контейнера. В данном случае, это изображение. Сложность в том, что так много где по сайту. То есть, какая то часть в контейнере, а какая то выпадает из нее на всю левую ширину экрана или правую.
Как такое реализуется?

Answer 1

[Сергей delphinpro]

Проще всего не запихивать все блоки в один общий контейнер, а прописывать каждому блоку внутри свой отдельный.
И тут появляется много вариантов. вот один из них. https://codepen.io/delphinpro/pen/bNGPwyN



или так https://codepen.io/delphinpro/pen/dPyBpEq

Answer 2

[alexalexes]

1. Разрешаем контейнеру overflow.
2. У внутренних элементов должен быть свой min-wdith/flex-basis, и не давать списковым элементам переносится на новую строку, тогда они выдавятся за пределы контейнера.