
Experimenta con CSS Grid y crea layouts dinámicos desde cero. Aprende a utilizar propiedades para alinear, ubicar y ajustar elementos en una grilla. Realiza un proyecto de página web y descubre cómo hacerla responsiva.
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
4.8 · 1785 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


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


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. ;)


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


Jose Peña
aprender a hacer layout con grid y el pryecto final que fue maravilloso


William Fernando Cañas Salas
Los ejercicios permiten practicar muy bien los conceptos de la clase. Lo digo tanto por los que se hacen en clase como por los retos.


Andres Robles
Un excelente curso, me permitio afianzar mis conocimientos sobre gris y poder tener mas confianza al maquetar con css.


Abdel Mejia
Comenzar con las bases de Grid para mejorar la estructura de codigo css

Eddie Bryan Mora Yanez
Un excelente curso, la profesora se explica de maravilla, por lo que bien merecido las cinco estrellas.


Yair Enrique Riascos Mestre
Un curso rápido para entender CSS Grid y aplicarlo en tu ruta como desarrollador frontend.


Luis Rodolfo Monzón Alburez
Me encantó el curso, pude poner en práctica todo lo que enseña la profesora y me gustó mucho la clase donde se exponen los tipos de alineación dependiendo sí es contenedor, los items o un solo item

Javier Gamez
Excelente curso para comprender los conceptos mas básicos y entender como y por que usarlos en cuanto a las propiedades y utilidades que nos ofrece CSS Grid layout.

Mario Alejandro Crespo Reyes
Ahopra vamos a practicar todos estos conceptos de CSS Grid con el proyecto del curso avanzado de CSS Grid!


Lautaro Agustin Barrera
Excelente curso! Llevaba tiempo esperándolo. La profesora explica increíble.


Ramon Perez
Excelente curso, el contenido muy bueno te ayuda a entender super facil como usar el css grid. Me encanto 10/10


Gabriel Hernández Valdez
Gracias por el curso, lo use para reforzar, las explicaciones son super claras y me llevo un par de conceptos para poder aplicar cuando use Grid :D


Alejandro De la torre Villagrana
Explican de muy buena manera y te dan los recursos necesarios para aprender, realmente aprendes mucho


Dayan Betancourt
Me gustó la profesora, su desenvolvimiento, fueron buenos los ejemplos prácticos y fue clara en los detalles. Gracias :)


Emma López
Absolutamente todo fue de baste ayuda , te enseñan bastante bien y el poder practicarlo en ese momento es mucho mejor. Fue una experiencia increíble.


Dulce Martinez
Explica muy bien todo el contenido de css grid, y tambien te pone a hacer practicas para que te quede muy claro al principio estaba yo muy perdida en el tema pero desoues fui entenidnefo mejor


Meritxell Valadez
muy facil de entender, los recursos me ayudaron mucho cuando no compilaba el codigo. tambien la comunidad ayudo mucho con sus resumenes y aportaciones. Me gusto mucho, pude aprender demasiado.


Dylan Peralta
excelente curso para mejorar tus habilidades de maquetación ya que css grid te permite darle orden a los elementos de la pagina
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.




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.




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.




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.




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




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