En esta clase hemos descubierto el poder de Flexbox para organizar nuestros elementos en una página web. Hemos aplicado display: flex a una sección que contenía una imagen y un párrafo, y hemos visto cómo esto cambia drásticamente la disposición de los elementos.
¿Qué hemos aprendido? Flexbox transforma la disposición: Al aplicar display: flex a un contenedor, podemos controlar la dirección, el orden y la alineación de sus elementos hijos. Los elementos hijos se vuelven flexibles: Los elementos dentro de un contenedor con display: flex se convierten en "flex items" y pueden ser manipulados con propiedades como justify-content y align-items.
¿Por qué los elementos se alinean a la izquierda por defecto? Cuando aplicamos display: flex, los elementos hijos se alinean a la línea principal (main axis) del contenedor. Por defecto, esta línea es horizontal y los elementos se alinean al inicio (start), que suele ser el lado izquierdo.
En la próxima clase, exploraremos cómo utilizar las propiedades de Flexbox para: Centrar los elementos: Tanto horizontal como verticalmente. Distribuir el espacio entre ellos: De manera uniforme o con espacios desiguales. Invertir la dirección de la línea principal: Para alinear los elementos de derecha a izquierda.
#diseñoWeb #desarrolloWeb #HTML #CSS #Flexbox #diseño #programación #webdesign #aprendizaje
