
¡Aprende a crear layouts dinámicos con CSS Grid! Aplica diseños complejos en tu sitio web con pocas líneas de código CSS. Construye grillas para distribuir tus contenedores y elementos HTML ágilmente con tu profesora Estefany Salas.
Clases del curso
Propiedades de Grid
Power ups de Grid
Proyecto
Bonus
Próximos pasos
¡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 Salas
Product Manager y Teacher in-house de Platzi
✨ Product Manager
💻 Amante de React.js
💚 Platzi Team
conocimientos previos
- HTML y CSS
- Responsive Design
software y recursos necesarios
- Computadora con sistema operativo Windows, macOS o Linux
- Navegador Web
Mira las primeras 2 clases sin costo en este momento
4.8 · 1780 opiniones


Fernando Yutiz
Me encanto este curso. Con explicaciones sencillas y vistas en la practica. Felicitaciones para la profesora


Ricardo Martin
En este curso se ve lo basico del uso de CSS GRID pero a la vez te dan tips de ciertas herramientas para un mejor desarrollo de layout


Kleber Guillermo Coro Reinoso
un curso bastante interactivo muy bien explicado y que te da la mayor parte de nociones básicas para poder trabajar con CSS Grid.


Josué Ramírez Hernández
La profesora explica la teoría de forma que lo aprendido lo ponemos de inmediato en práctica a través de retos, es un gran curso que debes de tomar si ya sabes CSS!


Jesús David Escalante Rodriguez
Excelente curso, conceptos básicos con grandes y muy claros ejemplos. Me encanto 😍


Principalmente, que para ser un curso basico, no solo se enfoco en explicar un concepto, sino que a través de un mini proyecto se puede practicar lo aprendido, también el hecho de ser bastante profundo al explicar propiedas, funciones, keywords que la mayoría desconoce al aprender grid, DEMASIADO SATISFECHO CON ESTE CURSO :3


Samuel Medina
Es un curso breve, sin embargo, se explican de manera clara los conceptos necesarios para comenzar a utilizar grid. 👌

Jose Alfredo Osorio Gacia
Muy buen curso, la profesora explica los temas de una forma super clara.


Nicolas Alvarez Tobon
This course was incredible, I learned many things. The teacher was great and I hope other courses with her.


Pedro Jesús Ramírez González
Es un curso excelente. Fácil de entender con ejemplos y ejercicios que son sencillos, Ahora vamos con el curso avanzado. ;)


Michael Alberto Rangel Romero
exelente curso me gusto mucho como se ubican las cosas mas facil que con otros metodos los display


Jonathan Alejandro Sánchez Alcántara
Un curso básico que sirve para comprender css grid, se entiende los conceptos fundamentales y creo que es el objetivo del curso


Enrique Reyes
Fue un curso de provecho, ya que te lleva de la mano en tu aprendizaja y tambien te deja experimentar con lo que has aprendido.


John Orellana
me encanto todo el curso , pero sobre todo poder utilizar auto-fit , auto-fill y la medida de una fracción fr

Juan Ignacio Ruiz Torres
Excelente curso! la profesora explica muy bien! recomendado para arrancar a aprender el mundo de css grid


Martín Antonio Paniagua Velázquez
Excelente curso, es corto pero la información vale la pena, la profesora explica de una muy buena forma.


Leonard Sumoza
Excelente Curso acerca de las propiedades de CSS GRID. muy bien explicado , excelente profesora.


Angel David Osorio Leyva
Excelente curso. Todos los conceptos son muy bien explicados, y las prácticas están geniales.


Luis Fernando Beltrán López
me gusto este curso se explica muy bien el tema y ademas se practica, lo que refuerxa aun mas el conocimiento

Jorge Luis Azuara Hernández
Es muy intuitivo para entender las bases de como funciona el Grid Layout

un curso muy bien explicado y divertido el proyecto estuvo genial lo recomiendo mucho para aprender css grid


Jeffrey Rios Muñoz
El curso estuvo buenísimo!!!!!! .................................................... Contenido 10/10 Profesor: 10/10


Diego Garcia
este tema es realmente muy apasionante, porque con el logramos ubicar nuestro contenido a nuestro acomodo.


Johan Sarmiento Peña
Construye layouts complejos de manera sencilla y responsiva Posiciona ítems y contenedores Controla ítems a través de filas y columnas Distingue las diferentes propiedades de CSS Grid

ALEJANDRO ISAAC GALVAN ALCANTARA
FUE MUY BUEN CURSO LO RECOMIENDO PARA IR APRENDIENDO GRIP DEBERIAN HACER MAS ASI


Micaías Esteban Garro
muy bueno, es el curso que necesitaba, la profe explica muy bien, algunas propiedades de grid ni sabia que existían.


JOSE LUIS BURGOS GOMEZ
Me parece un buen inicio para entender CSS grid, sin embrago, si es necesario reforzarlo más con otros cursos

Omar Castillo Ortiz
excelñente curso la verdad si entiendes y pones en practica todo para seguir adelante con tu carrera


Iván Hernández Contreras
Excelente curso de CSS Grid, y otro conocimiento añadido a mi repertorio.


Andres Felipe Rivillas Paez
Excelente curso para adentrarse al mundo de CSS grid. Es un curso práctico, sencillo y muy interesante para ver a CSS de una manera distinta aplicando conceptos ya adquiridos.
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.




HTML y CSS desde cero
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.




Frontend con React.js
Especialízate en React.js, la herramienta más demandada y en mayor crecimiento de JavaScript para desarrollo frontend.
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender