Lab3-Web

1. ¿Por qué cambia el posicionamiento de las cajas internas al div principal? Cambia ya que flex-direction es el que determina la direccion del eje del flex, osea podemos hacer que se vean en horizontal o vertical (filas o columnas respectivamente)

2. ¿Qué pasa si me solicitan hacer un cambio en el orden de los elementos pero sin tocar los archivos html y js, será que puedo lograrlo a traves de CSS? Si podemos hacer los cambios, solamente tenemos que estar seguros que los elementos que queremos mover sean hijos del mismo contenedor, esto lo lograremos con el uso de Flexbox y Grid.

3. Analicemos ¿Qué hacen estás propiedades? En este ejercicios las reglas de width son la combinacion de flex-wrap: wrap para armar un diseño responsive sencillo: a todos los div hijos se les asigna width: 33%, de modo que cada caja intente ocupar ese porcentaje del contenedor. Al primer hijo (:first-child) se le aplica width: 64%, que reemplaza la regla general. Así, la suma del primero con el segundo nos da 97%, haciendo que estos 2 elementos logren entrar en la primera fila, el tercer elemento con 33% ya no logra espacio en esa fila, pero por el flex-wrap: wrap, pasa automáticamente a la siguiente línea.

4. ¿Puedo diseñar toda mi web usando GRID? Si podemos maquetar nuestra con CSS Grid, Grid está pensado para layouts bidimensionales y hoy cuenta con un soporte amplio en navegadores modernos, incluso con subgrid. Pero por lo general es mejor combinar Grid para la estructura general y Flexbox para alinear cosas en un solo eje.

5. ¿Por qué se dan estos cambios entre tan pocas líneas de diseño CSS? En este caso no necesitamos indicar de una forma detallada, tan solo basta con definir el diseño que queremos, esto lo podemos hacer gracias a que CSS Grid cuenta con un enfoque declarativo.