Как сделать неподвижный блок с текстом?

Question

[safo4eg]

У меня есть контейнер с картинкой и параграфом, к ним я применил flex, при уменьшение видимой ширины картинка стоит на месте, а текст начинает переноситься вниз выходя за пределы всех родителей.




Как сделать чтобы текст намертво стоял как стоит и в случае еще уменьшения ширины окна как и картинка просто скрывался за её пределами?

Comments

[Павел Антонов]

Фиксированную ширину написать родительскому блоку. Или тексту

[safo4eg]

Павел Антонов, получилось при указании ширины флекс контейнера, но если параграфу только, то не выходит так, ну в целом проблема решена спасибо)

Answer 1

[babuinold]

Попробуйте установить
object-fit: cover;
width: 100%;

Comments

[safo4eg]

Тогда текст сразу вниз уходит и не двигается