Как заставить элементы не выходить за пределы flex контейнера?

Question

[Алексей]

Всем привет. У меня примерно вот такая верстка https://jsfiddle.net/dzheka3d/yr69c7g8/8/

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

Проблему можно решить добавив к центральному контейнеру значение overflow: hidden;, но таком случае обрезаются тени у постов: https://jsfiddle.net/dzheka3d/yr69c7g8/10/

Подскажите, какие есть варианты обхода этой проблемы?

Answer 1

[Ankhena]

Так задайте отступ на размер тени.

Comments

[Алексей]

Чето я знатно тупанул ))