Flexbox

¿Cuál de las siguientes afirmaciones describe una diferencia clave entre Flexbox y Grid en CSS?

• Flexbox es ideal para diseñar layouts bidimensionales, mientras que Grid se utiliza para alinear elementos a lo largo de un solo eje.

• Flexbox es más adecuado para alinear elementos en una sola dimensión, mientras que Grid es óptimo para crear layouts bidimensionales

• Flexbox y Grid son esencialmente lo mismo y pueden usarse indistintamente en cualquier tipo de diseño.

¿Cuál es la propiedad de CSS que se utiliza para activar el modelo Flexbox?

• display: block;

• display: inline;

• display: flex;

¿Cómo se alinean los elementos flexibles en el eje principal con Flexbox?

• align-items

• justify-content

• align-content

¿Cuál es el valor predeterminado de la propiedad flex-direction?

• column-reverse

• row

• column

¿Qué propiedad se utiliza para permitir que un elemento flexible crezca para ocupar el espacio disponible?

• flex-shrink

• flex-grow

• flex-basis

¿Cómo se especifica el orden visual de un elemento flexible?

• order

• flex-order

• order-index

¿Cuál es la función principal de la propiedad flex-shrink en Flexbox?

• Controla la capacidad de un elemento flexible para crecer y ocupar el espacio disponible.

• Define el tamaño inicial de un elemento flexible antes de que comience a distribuirse el espacio adicional.

• Determina la capacidad de un elemento flexible para contraerse y ocupar menos espacio cuando sea necesario

¿Cuál es la función principal de la propiedad flex-basis en Flexbox?

• Establece el tamaño inicial de un elemento flexible antes de que comience la distribución del espacio adicional.

• Controla la capacidad de un elemento flexible para crecer y ocupar el espacio disponible.

• Determina el tamaño base de un elemento flexible antes de que se apliquen las propiedades flex-grow y flex-shrink

¿Cuál es la función de la propiedad gap en este contexto?

• Define el espacio entre elementos flexibles dentro de un contenedor.

• Establece la separación entre las filas y columnas de una cuadrícula creada con Flexbox

• Especifica el margen exterior de los elementos hijos en un diseño flexible.

¿Cuál es el propósito principal de la propiedad flex-wrap en Flexbox?

• Controla la capacidad de un elemento flexible para crecer y ocupar el espacio disponible.

• Establece la dirección en la que los elementos flexibles se colocan dentro de un contenedor (fila o columna).

• Determina si los elementos flexibles deben envolverse en múltiples líneas si no pueden ajustarse en la dirección principal