Хочу сделать так что бы вот этот красный контейнер оставался таким же как и второй, и третий, и он не растягивался в ширину, а вниз и был такой же шириной как картинка и дальше картинки не выходил.
Вот так хочу сделать, но текст вечно идет по ширине, а если даже один текст сделаю нормальный, то второй не получается
.wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.wrapper .left,
.wrapper .center,
.wrapper .right {
border: 1px solid red;
}
<div class="wrapper">
<div class="left">
<img src="img/мобы.jpg" alt="Left image">
<h3>Модифика́ция (англ. Modification, сокращённо мод (англ. Mod)) — это дополнение от сторонних разработчиков, которое изменяет или дополняет оригинальный контент Minecraft.
</h3>
</div>
<div class="center">
<img src="img/модпаки.jpg" alt="Center image">
</div>
<div class="right">
<img src="img/ферма.jpg" alt="Right image">
</div>
</div>