estoy realizando prácticas con flex, pero no encuentro la manera que los divs me queden verticalmente alineados como la imagen, agradezco ayuda <3.
1 respuesta
Deberias poner tu codigo pero estoy de animo:
.container-columna{
width: 500px;
height: 300px;
background-color: blanchedalmond;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.container-fila{
width: 500px;
height: 300px;
background-color: blanchedalmond;
display: flex;
justify-content: center;
align-items: center;
}
.container-columna div, .container-fila div{
background-color: aqua;
padding: 20px;
margin: 10px;
}
<p>Alineacion en columnas</p>
<div class="container-columna">
<div>
Div1
</div>
<div>
Div2
</div>
<div>
Div3
</div>
</div>
<p>Alineacion en filas</p>
<div class="container-fila">
<div>
Div1
</div>
<div>
Div2
</div>
<div>
Div3
</div>
</div>