Как заставить блоки сжиматься равномерно?

Question

[nvanyuk09]

После 980px при сужении окна браузера новостные блоки слетают и на них налезает текст. Ширину контейнера изменить нельзя. Как пересчитать их ширину? Как их заставить сжиматься равномерно до критической точки в 768 px?

https://codepen.io/nvanyukova/pen/YzqOxvq

Comments

[Nikolay Matyushkin]

Ничего из описания не понял. Давайте по классам, блоки с какими классами слетают? Какой текст налазиет на них?

[nvanyuk09]

Новостные блоки с классом .block и текст с классом .description.

Answer 1

[Артем Золин]

Используйте сетку бутстрап. Или посмотрите как там работают классы-стили и используйте их

Answer 2

[twentytvvo]

Изначально используйте альтернативы единице масштаба px, например em, px, pt, эксперементируйте, что бы текст и блоки уменьшались пропорционально от размера окна и не были четко привязаны к пикселям.

Answer 3

[Softlink]

Используйте флексы, с ними жить проще.