Как растянуть контейнер на ширину больше 100 процентов?

Question

[Ксения]

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

https://jsfiddle.net/9ma47729/3/

Answer 1

[Stalker_RED]

align-items: flex-start;
https://jsfiddle.net/9ma47729/4/

Comments

[Ксения]

да ты волшебник! Как все просто оказалось, спасибо.