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 that you have read and understand our privacy policy and code of conduct.

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