При изменении размера окна браузера элементы "уплывают"/Как сделать адаптивный вэб-дизайн?

Question

[Redd7]

Здравствуйте, в задании надо сделать адаптивный вэб-дизайн. Но при изменении размера окна элементы "распадаются" куда хотят, подскажите пожалуйста как это исправить?

То есть, вот без изменения

Вот при свернутым в окно

Помогло body { min-width: 1887px; }, но с этим появляются и полосы прокрутки, а сама страница уходит за пределы окна. Если это значение так и оставить (1887px), я, так понимаю, адаптивный вэб-дизайн нельзя сделать.

p.s. я не особо силён пока что, поэтому код может быть не самым лучшим.
Код: jsfiddle.net/sxk8mw3r

Comments

[Danny Arty]

для адаптивного дизайна советую использовать flex

Answer 1

[Дмитрий Майоров]

Можно использовать таблицы(но я не уверен), есть также куча фреимворков, например Будстрап(или типа того) вот он может помочь в адаптации всего сайта. Также можно использовать display: flex или display: block...

Comments

[Redd7]

Увы, но это лаба для университета и надо писать на чистом css.