Внутри главного блока есть контейнер 'header' ,который должен отображать все свое содержимое в строку, при просмотре на мобильном устройстве, как видно на скриншоте, элементы внутри header разьезжаются, и становятся блочными, а хотелось бы сделать либо скролл, либо в идеале, чтобы они как то под пропорции телефонного разрешения менялись,
если будет непонятно, прикрепляю песочницу
https://jsfiddle.net/1j2rn075/
Буду очень благодарен за совет, или помощь
