0

estoy realizando prácticas con flex, pero no encuentro la manera que los divs me queden verticalmente alineados como la imagen, agradezco ayuda <3. introducir la descripción de la imagen aquí

1

1 respuesta 1

0

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>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.