
Aprende a crear diseños web modernos con CSS Grid, alineando y posicionando elementos de manera precisa. Ideal para proyectos creativos, entenderás cómo automatizar y ajustar layouts para diferentes dispositivos.
Clases del curso
¿De dónde venimos y en dónde estamos?
¿Cómo se llegó al concepto de CSS Grid?
Control de alineamiento
Conceptos generales para comenzar a trabajar con CSS Grid
Propiedades y valores para el elemento padre
Propiedades y valores para los elementos hijos
Lo que podemos lograr adicionalmente con CSS Grid
¡Comparte tus logros con un certificado!
Cuando termines el curso tendrás acceso al certificado digital para compartirlo con tu familia, amigos, empleadores y la comunidad.

Conoce quién enseña el curso

Estefany Aguilar
Desarrolladora Frontend en Platzi
👩💻 Experta en CSS
🇨🇴 Organizadora de comunidades como MedellínCSS y CSS Conf Colombia
🎨 Ama enseñar con ilustraciones divertidas
conocimientos previos
- HTML.
- CSS.
software y recursos necesarios
- Navegador web.
- Editor de código
Mira la primera clase sin costo en este momento
4.4 · 1663 opiniones


Jorge Roman Galvis Angulo
valio la pena esperar por este curso es uno de los pocos cursos que volveria a ver gracias

Diana Loboa
Creo que falto más espacio para el código, explicaciones con ejemplos pequeños en vez de tantas diapositivas, la importancia de ver como funcionan las cosas en tiempo real e buena ya que se dedican mas de 7 horas al curso el hecho de buscar por fuera del curso causa que ese tiempo se duplique y quizás la persona quede mas confundida , por mi parte tuve que buscar un curso en YouTube para afianzar mis conocimientos respecto al tema.


Daniel De la Garza Cordero
Teff es buena explicando, sería genial que actualizaran el curso con un par de clases sobre responsivo, trabajando con grid.


Felipe Avendaño Toro
Aprendí mucho en este curso, la profesora explica super bien y la documentación y ejercicios para seguir todo lo que explicaba estaba muy bien echo

Marco Antonio Castillo Escorza
La claridad de la maestra para explicar es excelente, reforcé totalmente mis conocimientos, 100% recomendado este curso.

Muy buen curso!! El repaso de la historia de CSS es genial para comprender mucho mejor el funcionamiento detrás de bambalinas, excelente profesora!! Muchas gracias!

Excelente curso, excelente profesora. Todo explicado de forma muy simple y ordenada.


Santiago Arias Gómez
Es bueno el curso, pero es muy teórico y menos práctico. Creo que puede mejorar el contenido.


Omar Enrique Palacios Cardenas
muy buen contenido y gran profesora, pero el curso pudo ser ser perfecto, si se hubiera realizado un proyecto mas exigente y que no permitirá practicar mas, de igual manera trabajar el responsive, y supiéramos cuales son las buenas practicas.


Pablo Daniel Amé
La verdad que despues de 30 cursos que vengo haciendo en la plataforma Platzi este no lo recomiendo, tiene muchas falencias, tanto en lo teorico (por no ser nada claro), como tanto en lo práctico porque no implementa nada de codificación de CSS en un editor de texto son solo filminas de como se ve el código

Eder Snchz
Me hubiese gustado que el contenido hubiese sido solo sobre GRID, en mi opinión trataron de rellenar con contenido un poco irrelevante


Ivan Dario Velez Dussan
Gracias a Estefany y a Platzi ahora estoy un poco más cerca de mi sueño de ser fullstack. Jajajaja, aprendiendo a lo bestia!! ;)

Bismark Arroyo Bermúdez
muy buenos conceptos sobre el uso e historia de css grid


Adrián Castillo
Excelente curso, todo esta trabajado de manera minuciosa. La clase, las presentaciones, repositorio, el código base de cada ejemplo (Inicial y final) Espero que se siga esa metodología en otros cursos.


Weymar Garcia
Mucha teoría que explica la práctica de anteriores cursos y el por qué de las mismas.


Jaime Bustamante
Muy teórico el contenido. Me gustó mucho que hayan profundizado tanto en temas densos como el writing mode o los flows block e inline. Gracias a ello queda muy clara la materia relacionada con grid. De verdad, muy buen curso.


Super bueno vengo del curso de front que da la profe y con este refuerzas mucho mas!. Excelente Profesora nos vemos en el siguiente curso !


Una excelente explicación sobe cada uno de los temas, la profesora fomenta la creatividad


Andrés Suarez
Llegue a este curso, con algunas sensaciones de incertidumbre ante el CSS-grid, pero me voy con ganas de seguir, si quiero ser full-stack este tipo de contenido es de gran importancia tomarlo. Gracias a la instructora y gracias a team platzi. fue una gran experiencia. Saludos.


Juan Jose Hernandez Garcia
este curso es bastante bueno para entender grid aunque creo que vendría bien hacerlo mas largo

Alejandro Dotor
Nos dejo quices muy interesantes y nos dio la oportunidad de explorar nuestra parte creativa


Víctor Hugo Torres Fierro
La estructura y calidad del material didáctico es de lo mejor que he visto en Platzi.


Sura Naileth Cedeño Lopez
Buen repaso y aprendí muchas cosas que no sabía, además el formato está muy bien, con las practicas y el código en codepen

Christian Velázquez
Valió la pena la espera. Es un curso muy completo, permite desarrollar por completo "Css Grid". Podrás comprender a detalle.


Victor Manuel Rojas Gonzalez
Excelente curso, las explicaciones son sencillas pero muy claras. El estilo de la profesora ayuda mucho en pro de lograr el objetivo: aprender. Gracias.

Samuel Ulises Pérez Peña
Mejoro mucho la experiencia del conocimiento de este curso respecto al de front-end de la misma profesora, me gusto mucho el flujo de información y el proyecto lo hizo sencillo y fácil para aprender lo básico de CSS Grid.


Pablo Falíaz
La explicación es muy clara y se remarcan los conceptos clave de grid varias veces. Excelente introducción histórica y muy buenas recomendaciones para buscar inspiración al momento de diseñar.


Javier Alejandro Flores Gomez
Es bastante bueno y muy bien elaborado, la maestra explica muy bien y los aportes son buenos


Max Higareda
muy buen curso de css grid, gracias a tener teoria me sirvió mucho para saber para que funciona cada atributo


Jeffer Steven Nuñez Aragon
Este cursos es excelente, CSS GRID deberás te cambiara la forma de usar CSS para mejor, así que adelante !
Complementa este curso con nuestras rutas de aprendizaje

Desarrollo Web
Aprende a crear sitios web y aplicaciones desde los fundamentos hasta ser un desarrollador full-stack y accede a las mejores oportunidades laborales globales.




Full Stack Developer con JavaScript
Conviértete en Full Stack Developer con JavaScript. Domina JavaScript, Node y React para tu primer gran empleo. Tu futuro en desarrollo web comienza aquí.




Full Stack con Next.js
Especialízate en Next.js, implementando estrategias de autenticación, seguridad y optimización en tus proyectos, desarrollando con React.js y Node.js.




Laboratorios de Desarrollo Web
Resuelve retos y proyectos avanzados para demostrar tus habilidades y conocimientos con todo lo que aprendiste en la Escuela de Desarrollo Web.




Especialización en Accesibilidad Web
Aprende las mejores prácticas de usabilidad, inclusión y accesibilidad para diseñar y desarrollar aplicaciones web fáciles de usar.




Python: De Cero a Experto
Explora la programación con cursos de Python, de cero a frameworks avanzados. Construye proyectos backend y domina el lenguaje más usado.




Frontend con Vue.js
Vue.js es un primer gran framework frontend para aprender gracias a su suave curva de aprendizaje y fuerte presencia en la comunidad de JavaScript.




Backend con Node.js
Especialízate en JavaScript con Node.js para crear proyectos backend a alta velocidad usando herramientas avanzadas para escalar y monitorear aplicaciones web.




Backend, Arquitectura y Bases de Datos
Aprende los fundamentos para desarrollar el backend de cualquier sistema basado en software, bases de datos y arquitecturas de servidores altamente escalables.




Backend con PHP
Aprende a desarrollar con los mejores cursos de PHP, Laravel y Symfony para todo tipo de proyectos web: desde páginas y blogs, hasta tiendas y aplicaciones altamente escalables.




Technical Writing
Aprende technical writing para documentar procesos complejos de funcionamiento del software y transformarlos en información accesible para el público.




JavaScript para Frontend
Crea sitios web dinámicos y eficientes usando JavaScript. Domina APIs, el DOM, Web Components y DevTools para mejorar la experiencia del usuario.




Frontend con Angular
Angular es un framework y plataforma para construir aplicaciones web de todos los tamaños usando TypeScript y un poderoso kit de herramientas.




Backend con Java
Aprende desarrollo backend con Java, uno de los lenguaje de programación con mayor demanda laboral, utilizada una amplia gama de aplicaciones y plataformas.




Seguridad Informática para Web Developers
Aprende los fundamentos de ciberseguridad para implementar flujos modernos de autenticación y estándares como OWASP en tus proyectos de frontend y backend.




QA y Automatización de Pruebas
Desarrolla diferentes tipos de pruebas para asegurar la calidad de tu software. Domina la automatización de pruebas con herramientas como Cypress y Puppeteer.




Inteligencia Artificial para Developers
Crea aplicaciones basadas en inteligencia artificial. Conozca las herramientas, los productos y los servicios para crear soluciones innovadoras.




Fundamentos de Programación y Desarrollo Web
Conoce más sobre computación básica y pensamiento lógico y programación orientada a desarrollo web.




Full Stack con WordPress
Desarrolla blogs y tiendas online usando WordPress, el motor de más de 500 millones de aplicaciones web en internet.




Frontend con React.js
Especialízate en React.js, la herramienta más demandada y en mayor crecimiento de JavaScript para desarrollo frontend.




HTML y CSS desde cero
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender