У меня проблема с элементом div. Высота его слишком велика, и я не знаю почему. Дело в том, что я хочу, чтобы div заканчивался точно на последнем элементе. Как бы я это сделал? Кстати, div содержит два элемента flex:
.robot-page .img-video {
margin: 0 auto;
display: flex;
width: 90%;
align-items: flex-start;
}
И это мой HTML (с ReactJS)
<div className="img-video">
<div className="img-container">
<img src={skystone} alt="" />
</div>
<div className="video-container">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/XiGB_8Ppnbs"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
</div>
</div>
Это моя проблема: расстояние между элементы и ABCD ![This is my problem: the distance between the elements and ABCD](https://i.stack.imgur.com/xwZr3.png)