Scribd
Cargar
96 vistas1 página

CSS Grid

Este documento presenta un resumen de un curso básico de CSS Grid. Explica conceptos clave como crear una grilla con filas y columnas usando grid-template-rows y grid-template-columns, y cómo posicionar elementos dentro de la grilla usando propiedades como grid-area, grid-column-start y grid-column-end. También cubre unidades como fr para fracciones del espacio disponible, y auto-fill para generar columnas adicionales.

Cargado por

Billy Joel
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
96 vistas1 página

CSS Grid

Este documento presenta un resumen de un curso básico de CSS Grid. Explica conceptos clave como crear una grilla con filas y columnas usando grid-template-rows y grid-template-columns, y cómo posicionar elementos dentro de la grilla usando propiedades como grid-area, grid-column-start y grid-column-end. También cubre unidades como fr para fracciones del espacio disponible, y auto-fill para generar columnas adicionales.

Cargado por

Billy Joel
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 1

¿Qué quieres aprender? 1.

825 pts

Curso de CSS Grid Básico

¡No te rindas!
Necesitas una cali cación mínima de 9.0 para aprobar.
6.67 10 / 15
Aciertos
Cali cación
Vuelve a intentarlo en 05 horas, 42 minutos, 58 segundos

1. En un grid usamos las las y columnas como referencia para ubicar nuestros elementos

Verdadero

2. El espacio entre cuatro líneas que representa la unidad mínima que puede tener un grid se llama

Celda

3. Para crear un grid de 3 las y 2 columnas debes usar

grid-template-columns: 100px 200px; grid-template-rows: repeat(3, 1fr);

4. Para alinear verticalmente el contenedor se debe usar la propiedad

align-self

5. Si tenemos una grilla de 3x3 y queremos crear un área que ocupe las las 2 y 3 completas debemos usar

grid-area: 1 / 1 / 3 / 3 REPASAR CLASE

6. grid-column-start y grid-column-end son las propiedades que le indican a un elemento en qué columna comienza y en cuál termina.

Verdadero

7. Esta unidad representa una fracción del espacio de la grilla

fr

8. Para generar columnas extra que llenen el 100% del espacio disponible pero no sean visibles se usa

auto- t REPASAR CLASE

9. Si un grid tiene la propiedad grid-template-columns: repeat(auto- t, minmax(100px, 1fr)); su comportamiento va a ser

Va a tener las de 100px de ancho sin importar el espacio disponible REPASAR CLASE

10. La propiedad que determina el orden de llenado de la grilla es

grid-auto- ow

11. Para ajustar un elemento de la grilla horizontalmente se usa la propiedad

justify-self

12. CSS Grid Layout es una especi cación de CSS para implementar grillas usando un sistema de dos dimensiones

Falso REPASAR CLASE

13. Para crear 3 columnas de 3 fracciones de ancho del espacio disponible debes usar

repeat(3, 3fr)

14. Para crear un grid de 3 columnas y 2 las debes usar

grid-template-rows: 100px 200px; grid-template-columns: repeat(3, 1fr);

15. Ítems es el nombre que se le da a los hijos del contenedor

Verdadero

REGRESAR

También podría gustarte