Здравствуйте, кто знает в чем может быть проблема?
Поставил display:flex;
, но он себя ведет неадекватно: никаких отступов нет, длина в порядке, но какой-то невидимый отступ появляется сверху, при смене расположения со start на end отступ перемещается то вверх то вниз.
.my-flex-container{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
height:200px;
width:100%;
}
.tourdiv {
display:flex;
background:red;
width:69%;
margin:0 2% 0 0;
min-height:20%;
max-height:20%;
}
.gallery {
display:flex;
background:red;
width:28%;
margin:0 1% 0 0;
min-height:20%;
max-height:20%;
}
<div class="my-flex-container">
<div class="tourdiv">
<span class="galtext">Internal Tours</span>
</div>
<div class="gallery">
<span class="galtext">Rent a Car</span>
</div>
</div>
height:200px;
в.my-flex-container
. Или удалите это свойство, тогда контейнер родительский будет высоте контента дочерних элементов.