Altura del elemento padre de elementos flex en CSS
Si al elemento padre de los elementos flex no se le establece una altura, entonces en altura se estirará según su contenido, es decir, por la altura de los elementos hijos:
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
</div>
.parent {
display: flex;
width: 300px;
border: 1px solid red;
}
.child {
width: 50px;
height: 50px;
border: 1px solid green;
}
: