Блоки съезжают друг под друга при изменении размера окна браузера
Друзья помогите решить проблему... Когда браузер открыт на весь экран всё работает как нужно, как только перевожу его в режим окна и уменьшаю размер, блоки съезжают друг под друга. Вбивал в гугле, много у кого была такая проблема, но те решения которые там даются у меня не работают (или я не понимаю как их применить правильно). Я хотел бы чтоб при снижении размера окна браузера блоки оставались на своих местах, а внизу просто появлялся скролл.
https://disk.yandex.ru/i/WvolkqdQao-Y1g - HTML
https://disk.yandex.ru/d/s06dURifdIa5Qg - CSS


Хочешь, чтобы твою вёрстку проанализировали - выкладывай её на jsfiddle. Никто не будет скачивать файлы с яндекс диска, только для того, чтобы тебе помочь.
Хочешь горизонтальный скроллинг - используй либо табличную вёрстку, либо флексбоксы с запретом переноса блоков. Главное - чтобы никаких float и близко не было.
В крайнем случае, для блока, охватывающего твои колонки, можно задать min-width, гарантированно вмещающий все колонки в одну строку.
сочувствую
чувак! твои хотелки - это каменный век веба! и они (эти хотелки) живут себе даже по умолчанию!