Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Proyecto] Desafío: ahora es tu turno de practicar

en el caso de la practica, identifique y identifique que el class era .cuadros_container, entonces le agregue el display: flex y cambie el width: de 1650px a 1400px para que concuerde con el ejemplo.

.cuadros__container {
  display: flex;
  width: 1400px;
  position: absolute;
  left: 176px;
  top: 150px;
  background: #525c63d8;
  padding: 10px;
  border-radius: 10px;
  
}
1 respuesta

¡Hola César!

Entiendo que estás practicando el uso de Flexbox para alinear elementos horizontalmente en un contenedor. Al agregar la clase .cuadros_container y cambiar el ancho a 1400px, estás en el camino correcto para concordar con el ejemplo.

Recuerda que al utilizar Flexbox, puedes distribuir los elementos hijos de manera flexible dentro del contenedor, lo que te permite lograr el diseño deseado de forma más sencilla. Además, al utilizar valores como 'flex-start', 'center', 'flex-end', 'space-between' o 'space-around' en la propiedad 'justify-content', podrás controlar la alineación horizontal de los elementos hijos dentro del contenedor.

Espero que esta información te sea útil para completar el desafío. ¡Sigue practicando y experimentando con Flexbox para dominar su uso!

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!