Ejemplo de Flexbox

Creado por estudiante Reyna Gloria Martínez Rodríguez

by academiax

HTML

<body>
  <div id="contenedor">
    <div id="primera-fila">
      <div> 1 </div>
      <div> 2 </div>
    </div>
    <div id="segunda-fila">
      <div> 3 </div>
    </div>
    <div id="tercera-fila">
      <div> 4 </div>
      <div> 5 </div>
    </div>
  </div>
</body>

CSS

body {
  background: #f3d8d8;
  padding: 15px;
}

#contenedor {
  padding: 5px;
  border: 3px solid black;
}

#contenedor > div > div {
  width: 100px;
  height: 100px;
  background: brown;
  border: 2px solid #380101;
  color: white;
  font-size: 50px;
  text-align: center;
}

#primera-fila {
  display: flex;
  justify-content: space-between;
}

#segunda-fila {
  display: flex;
  justify-content: center;
}

#tercera-fila {
  display: flex;
  justify-content: space-between;
}