Lab_03 CSS Flexbox & Box Model
- Crea una nueva página HTML
- Crea un div con la clase “container”
- Dentro del div “container”, agrega 3 divs con la clase “box”
- Aplicar CSS a la página que establezca el display como “flex” para el div “container”.
- Utiliza las propiedades de flexbox justify-content, align-items, flex-direction y flex-wrap para controlar la disposición y el alineamiento de los divs “box”.
- Agrega estilos CSS adicionales para establecer el ancho, alto, margen, borde y relleno para cada uno de los divs “box”.
- Experimenta con diferentes valores para el ancho, alto, margen, borde y relleno para ver cómo afectan el tamaño y la apariencia de los divs “box”.
- Agrega la propiedad box-sizing: border-box a los estilos CSS para que el ancho y alto incluyan tanto el contenido como el borde y el relleno.
- Crea un párrafo explicando que comprendiste sobre flexbox y box model