Как сделать так, чтобы текст не выходил из рамки при сжатии окна браузера?

Question

[Alexanderietz]

При сжатии окна браузера текст из красной рамки выходит. Как сделать так, чтобы он не уходил из рамки? Я новичок совсем, не судите строго. Это моя одна из первых HTML-страниц.
https://jsfiddle.net/Alexandrietz/3pkageqo/1/

Answer 1

[hzzzzl]

это потому что у тебя header и всё остальное с фиксированными в пикселях величинами,
сжимаешь окно по горизонтали -> текст перестает влезать в фиксированную высоту

https://jsfiddle.net/j3r72gzt/2/

вот, поменял header и обернул сайдбары в main с display: flex, чтобы они бок о бок стояли

Comments

[Alexanderietz]

Хорошо, спасибо большое! Просто я совсем юный в этих делах, только начал позиционирование. До flex и float еще не дошел.