Curso de CSS Grid

Aprender a crear layouts de la manera correcta con CSS Grid.

  • Premium
  • HTML/CSS
  • Intermedio
Empezar ahora

Acerca del curso

En este curso aprenderemos a utilizar el nuevo módulo de CSS llamado Grid, conoceremos los conceptos y realizaremos ejemplos de las propiedades grid-container, grid-line, grid-cells, entre otras.

Lista de Clases

  • Clase 1: Introducción

    • 1.- Introducción
  • Clase 2: Conceptos básicos

    • 1.- ¿Qué es Grid CSS?
    • 2.- Terminología
    • 3.- Soporte de navegadores
  • Clase 3: Propiedades Grid

    • 1.- Grid container
    • 2.- grid-template-columns y grid-template-rows
    • 3.- Fr unit y repeat function
    • 4.- Grid lines
    • 5.- grid-template-areas
    • 6.- grid-template
    • 7.- grid-gap
    • 8.- grid-column y grid-row
    • 9.- grid-area
    • 10.- grid-auto-columns, grid-auto-rows y grid-auto-flow
    • 11.- grid
  • Clase 4: Conclusiones

    • 1.- Flexbox vs Grid
    • 2.- Conclusión

Proyecto del curso

proyecto proyecto

Información del curso

  • Acceso las 24 horas del día
  • Clases concretas faciles de llevar
  • Proyecto o ejercicios prácticos durante el curso
  • Certificado de completitud
Empezar ahora

Suscríbete a Devcode y mejora tus habilidades

Y forma parte de los más de 190 mil estudiantes que están aprendiendo con nosotros

Forma parte de los +190 mil estudiantes que están aprendiendo con nosotros