¡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 · 1755 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
Guillermo Castaño Vèlez
Exelente curso, me gusta mucho como explica la profesora, es claro y con unos ejemplos que se pueden aplicar a la vida real
jonathan Ferreira hernandez
Excelente curso básico tan sencillo y con tanto aprendizaje aprendí a manejarme mejor con grid gracias
Jonathan Castillo Flores
Muy buena clase de Css grid, lo esperaba por mucho! Gracias a por tu clase :)
Andrés Felipe Morantes Vergara
Excelente curso, muy bien explicado y con equilibrio práctico / teórico para su completa asimilación
Carlos Roa
excelente curso, recomendado, no me queda claro es cuando puedo usar css grid y cuando hacerlo con flexbox
Álvaro Islas Hernández
Aprender algo nuevo y diferente de CSS, aún no me queda muy claro cuando lo aplico a mis proyectos profesionales pero sigo aprendiendo para mejorar
Andres Felipe Chaparro Carvajal
Con conceptos basicos pero importantes se enseña a usar Grid CSS de manera rapida
Pedro Espinoza Cordero
Es un muy buen curso para tener en claro los conceptos principales acerca de CSS grid.
Rafael Alexander Tena Chaparro
Muy buen curso, facil de ver, y con ejemplos practicos muy buenos. no entendia nada de grid al principio pero ahora siento que lo entiendo a la perfeccion
Cesar Elías Armendariz Ruano
Es un excelente curso de introducción al css, muy recomendado para iniciar en el camino del front end y complementar al full stack
Ricardo Andres Ojeda Silva
Un curso ideal para personas que ya tengan conocimiento de CSS pero que deseen aprender la especificación Grid de forma rápida y efectiva. La profe aborda muy bien los temas sin que se escape nada.
Era totalmente necesario este curso; conceptos básicos y explicados paso a paso.
Miguel Angel Toledo Santiago
Me gustaron los retos y que le profesora explicara todo con ejemplos.
Jesus David Vargas Guerra
Excelente curso, me gusto porque explica terminos complejos y os deja muy claros, gracias 👌❤️
Axell Solis
Un curso muy bien explicado y con todas las bases para comenzar con CSS Grid
CARLOS DAVID VISBAL ORMECHEA
Excelente profesora, excelente contenido. Muy claro todo, espero ver pronto otra clase con esta profe
EDUARDO CRUZ
Me gusto mucho como explico los elementos mas escenciales de grid y con los que puedes empezar a trabajar en tus proyectos.
Luis Vidal
muy buen curso, ya hacía falta uno de este tema y quedó muy bien
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.
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.
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.