Адаптивная верстка html css.

А я не знаю

Если вы хотите, чтобы блок с жирным шрифтом занимал максимальную доступную ширину и переносил контент на новую строку при необходимости, можно использовать свойство word-break со значением break-all. Это заставит текст разбиваться на новую строку, даже если это приведет к переносу слова посередине.

Пример CSS-кода:

css
Copy code
.bold-text {
max-width: 100%;
word-break: break-all;
}
В этом примере max-width: 100% указывает, что блок должен занимать максимально доступную ширину. И word-break: break-all гарантирует, что текст будет разбит на новую строку при необходимости.

Если ваш блок находится внутри контейнера с использованием display: flex и flex-grow: 1, это может приводить к растягиванию блока на всю доступную ширину контейнера. В таком случае, вы также можете установить свойство flex-shrink для блока на значение 0, чтобы предотвратить его сжатие и сохранить его максимальную ширину:

css
Copy code
.bold-text {
max-width: 100%;
word-break: break-all;
flex-shrink: 0;
}
Это позволит блоку сохранять свою ширину, не сжимаясь из-за flex-grow: 1 контейнера.