Как сделать адаптацию под мобильное устройство?

Question

[DevilPrado]

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

Answer 1

[Алексей]

Используйте медиазапросы