Как ограничить ширину в данном случае?

Question

[Никита Воробьев]

Ссылка
При уменьшении размера экрана до 992px и менее, параграфы данных блоков чересчур растягиваются. Как можно ограничить их ширину в данном случае до 180px? Чтобы текст не выходил за пределы блока? Пробовал разные варианты - получалось не совсем то что задумывалось. Прошу помощи, заранее спасибо!

Answer 1

[Dave Hornigan]

в стилях .cap-block у тебя
max-width: 183px;
перекрыт переназначением его же на 100%
max-width: 100%;
убери и все ок заработает
https://codepen.io/anon/pen/KROyVp

Comments

[Никита Воробьев]

к сожалению, если убрать max-width: 100% то ломается сетка бутстрапа

[Dave Hornigan]

Никита Воробьев, по ссылке не сломана сетка. в контейнере ширину на свой вкус выставляешь вместо указанных 100% и делов. а в .cap-block если подключен бутстраповский css вместо указания ширины просто блоку добавь класс col-sm-4 если столбцов будет 3 на строку. ну или если не подключен тогда явно указывать в процентах нужно