WorksheetsPreguntas sobre CSS Grid
Total questions: 20
Worksheet time: 10mins
¿Qué propiedad se usa para posicionar un elemento en la tercera columna de un grid?
grid-column: 3
grid-column-start: 3
grid-row: 3
grid-template: 3
¿Cuál es la diferencia entre grid-column-start y grid-column-end?
No hay diferencia
grid-column-start define dónde comienza el elemento, grid-column-end define dónde termina
Son propiedades para filas, no columnas
Solo se pueden usar juntas
¿Qué valor se usa para contar líneas desde el lado derecho del grid?
Valores positivos
Valores negativos
Valores decimales
Porcentajes
¿Qué significa grid-column-end: -2?
Termina en la segunda columna
Termina en la penúltima línea vertical contando desde la derecha
Termina dos columnas después
Es un valor inválido
¿Qué hace la palabra clave "span" en CSS Grid?
Elimina el elemento
Extiende el elemento por un número específico de columnas o filas
Centra el elemento
Oculta el elemento
¿Cuál es la sintaxis correcta para que un elemento ocupe 3 columnas usando span?
grid-column: span 3
grid-column-end: span 3
grid-span: 3
column-span: 3
¿Qué propiedad es la forma abreviada de grid-column-start y grid-column-end?
grid-area
grid-column
grid-template
grid-position
¿Cómo se escribe grid-column para ir de la columna 2 a la 5?
grid-column: 2-5
grid-column: 2/5
grid-column: 2 to 5
grid-column: 2,5
¿Qué propiedad se usa para posicionar elementos verticalmente en un grid?
grid-column-start
grid-vertical
grid-row-start
grid-y
¿Cuál es la forma abreviada para grid-row-start y grid-row-end?
grid-vertical
grid-y
grid-row
row-position
Si quiero posicionar un elemento en la columna 2 y fila 3, ¿qué propiedades uso?
grid-x: 2; grid-y: 3
grid-column: 2; grid-row: 3
column: 2; row: 3
position-x: 2; position-y: 3
¿Qué hace grid-area en CSS Grid?
Solo define el tamaño del grid
Combina grid-column y grid-row en una sola propiedad
Crea áreas automáticas
Elimina espacios en blanco
¿Cuál es el orden de valores en grid-area?
columna-inicio / fila-inicio / columna-fin / fila-fin
fila-inicio / columna-inicio / fila-fin / columna-fin
inicio / fin / izquierda / derecha
top / left / bottom / right
Para que un elemento ocupe de la fila 2 a la 5, ¿qué escribo?
grid-row: 2-5
grid-row: 2 to 5
grid-row: 2/5
grid-row: 2,5
¿Qué representa el punto (.) en grid-template-areas?
Un error de sintaxis
Una celda vacía
El final del grid
Un área especial
¿Qué propiedad define las columnas de un grid?
grid-columns
grid-template-columns
columns-template
grid-column-template
¿Qué significa grid-template-columns: 20% 20% 20% 20% 20%?
Crea 5 columnas de igual ancho del 20% cada una
Crea 20 columnas de 5% cada una
Crea 1 columna del 100%
Es una sintaxis inválida
¿Para qué sirve la función repeat() en CSS Grid?
Para repetir el mismo grid infinitamente
Para simplificar la escritura de valores repetidos
Para duplicar elementos
Para crear copias del contenido
¿Cómo se escribe repeat(5, 20%) correctamente?
grid-template-columns: repeat(5, 20%)
grid-repeat: 5 x 20%
columns: repeat 5 times 20%
grid-columns: 5(20%)
¿Qué es la unidad "fr" en CSS Grid?
Una unidad de píxeles fija
Una fracción del espacio disponible
Una medida en porcentaje
Un valor absoluto en centímetros
