Всем привет. Только начинаю осваивать резиновую (адаптивную?) верстку, застопорился на следующей проблеме.
Есть слайдер с контентом:
prntscr.com/cz7fh0<div class="goods-img">
<a href="" class="img-link">
<img src="/image/<?= $slide['image'] ?>" style='height: 100%; width: 100%; object-fit: contain'/>
</a>
</div>
<div class="goods-content">
<h3><?php echo $slide['title'];?></h3>
<p><?php echo $slide['text'];?></p>
<a href="<?php echo $slide['link'];?>" class="btn z-depth-0 timecolor-btn">посмотреть</a>
</div>
.index-list .goods > div.goods-img {
width: 49%;
border: 1px solid black;
}
.index-list .goods > div.goods-content {
width: 49%;
vertical-align: top;
box-sizing: border-box;
padding-left: 30px;
padding-top: 10%;
border: 1px solid black;
}
.index-list .goods div h3 {
font-family: Raleway-Black;
color: #4f4e56;
font-size: 40px;
text-transform: uppercase;
}
.index-list .goods div p {
font-family: Raleway-Light;
color: #4f4e56;
font-size: 18px;
}
.index-list .btn {
width: auto;
height: auto;
margin-top: 40px;
}
И вот вопрос: как мне сделать второй див с контентом адаптивным по высоте, то есть чтобы при уменьшении высоты первого дива, второй был бы аналогичной высоты ? Спасибо.
