Когда я могу изменить размер изображения (ширину) sh, можно ли автоматически адаптировать положение заголовка и текста после каждой модификации изображения. (Я думаю, что это возможно)
Вот пример:
пример здесь
Я действительно хотел бы понять это и решить мою проблему.
.wrapper {
display:flex;
flex-wrap: nowrap;
}
.image-wrapper{
margin: 10px;
text-align: center;
width: 90%;
}
.img-box-red{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
margin-top: 50px;
border: 3px solid red;
height: 197px;
width: 77%;
}
.img-title{
font-size: 20px;
line-height: 1.4;
color: #cd2122;
margin-top: 10px;
margin-left: 20px;
float: left;
font-weight: 700;
font-family: Open Sans;
}
.img-text{
font-family: Open Sans;
font-size: 13px;
line-height: 19px;
color: #535353;
margin-bottom: 20px;
margin-left: 20px;
float: left;
text-align: left;
}
<div class="wrapper">
<div class="image-wrapper">
<img class="img-box-red" src="https://zupimages.net/up/19/51/vn88.jpg" alt="img-01">
<div class="img-title">Trust Management</div>
<div class="img-text">Assets trust management represents one of the most popular operation methods in the world stock markets for companies as well as individuals. Among the advantages of assets trust management we may mention many.</div>
</div>
<div class="image-wrapper">
<img class="img-box-red" src="https://zupimages.net/up/19/51/9fik.jpg" alt="img-01">
<div class="img-title">Well Documented</div>
<div class="img-text">Assets trust management represents one of the most popular operation methods in the world stock markets for companies as well as individuals. Among the advantages of assets trust management we may mention many.</div>
</div>
<div class="image-wrapper">
<img class="img-box-red" src="https://zupimages.net/up/19/51/dwq9.jpg" alt="img-01">
<div class="img-title">Great Support</div>
<div class="img-text">Assets trust management represents one of the most popular operation methods in the world stock markets for companies as well as individuals. Among the advantages of assets trust management we may mention many.</div>
</div>
</div>