WorksheetsFlexbox
Total questions: 14
Worksheet time: 11mins
¿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
¿Cuál es la función principal de la propiedad align-items en Flexbox?
Alinea los elementos flexibles en la dirección transversal del contenedor.
Controla la capacidad de un elemento flexible para crecer y ocupar el espacio disponible.
Alinea los elementos flexibles a lo largo del eje transversal del contenedor
¿Cuál es el propósito principal de la propiedad align-content en Flexbox?
Ajusta la alineación de un elemento flexible en relación con otros elementos flexibles dentro del contenedor.
Alinea las líneas de contenido flexibles dentro de un contenedor cuando hay espacio adicional en el eje transversal
Controla la capacidad de un elemento flexible para contraerse y ocupar menos espacio cuando sea necesario.
¿Cuál es el propósito principal de la propiedad align-self en Flexbox?
Ajusta la alineación de un elemento flexible en relación con otros elementos flexibles dentro del contenedor.
Permite a un elemento flexible individual anular la propiedad align-items del contenedor y definir su propia alineación en el eje transversal
Alinea los elementos flexibles en la dirección transversal del contenedor.
¿Qué tienen en común Flexbox y la empresa de colchones Flex?
Ambos están diseñados para proporcionar comodidad y adaptabilidad
La palabra "Flex" es simplemente una coincidencia.
Flexbox inspiró el diseño de colchones flexibles para una mejor experiencia de usuario.
