Grado: Junior

Componente de habilidad

Cuadrículas explícitas

Parte de la habilidad «CSS Grid»

Tu progreso

0 de 4 completados

Guarda tu progreso

Inicia sesión para guardar tu progreso

Dominio
Básico
Se espera en el grado
Junior

Criterio de dominio

Definir una cuadrícula explícita de filas y columnas. Colocar elementos mediante áreas con nombre y números de línea, e indicar cuántas filas y columnas ocupan con span. Alinear todos los elementos de la cuadrícula y elementos individuales en ambos ejes con justify-items, align-items, justify-self y align-self.

Evaluación de dominio

  1. CSS Grid #1 / Práctica

    Nivel introductorio de CSS Grid. Armamos figuras de Lego con cuadrículas.

    Sin empezar

    Completar el nivel
    Empezar

  2. CSS Grid #2 / Práctica

    Áreas con nombre. Armamos figuras de Lego con grid-template-areas y colocamos las piezas según los nombres de las áreas.

    Sin empezar

    Completar el nivel
    Empezar

  3. CSS Grid #3 / Práctica

    Coordenadas de los elementos. Coordenadas simples, intervalos y span en distintas cuadrículas de Lego.

    Sin empezar

    Completar el nivel
    Empezar

  4. CSS Grid #4 / Práctica

    justify-items, align-items, justify-self y align-self; los valores start, end, center y stretch; alineación en ambos ejes.

    Sin empezar

    Completar el nivel
    Empezar