Nivel Básico
14 clases
2 horas de contenido
12 horas de práctica
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
Profes del curso
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
Opiniones del curso
4.8 · 1791 opiniones
Fernando Yutiz
@yutizf·
Me encanto este curso. Con explicaciones sencillas y vistas en la practica. Felicitaciones para la profesora
Ricardo Martin
@RickTron·
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
@klebercoro·
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
@Josueram_·
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
@ghouljd27·
Excelente curso, conceptos básicos con grandes y muy claros ejemplos. Me encanto 😍
@Rony1710·
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
@samuel-mc·
Es un curso breve, sin embargo, se explican de manera clara los conceptos necesarios para comenzar a utilizar grid. 👌
Jose Alfredo Osorio Gacia
@Apofis11·
Muy buen curso, la profesora explica los temas de una forma super clara.
Nicolas Alvarez Tobon
@nicolasalvarezt·
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
@TperPerker·
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
@Maiicol23·
exelente curso me gusto mucho como se ubican las cosas mas facil que con otros metodos los display
Jonathan Alejandro Sánchez Alcántara
@alejandro10m·
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
@memorando·
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
@jonathway·
Excelente curso básico tan sencillo y con tanto aprendizaje aprendí a manejarme mejor con grid gracias
Jonathan Castillo Flores
@JonathanCFDev·
Muy buena clase de Css grid, lo esperaba por mucho! Gracias a por tu clase :)
Andrés Felipe Morantes Vergara
@pipemove·
Excelente curso, muy bien explicado y con equilibrio práctico / teórico para su completa asimilación
Carlos Roa
@carlosroap·
excelente curso, recomendado, no me queda claro es cuando puedo usar css grid y cuando hacerlo con flexbox
Álvaro Islas Hernández
@alvaroiisher·
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
@andresch09·
Con conceptos basicos pero importantes se enseña a usar Grid CSS de manera rapida
Pedro Espinoza Cordero
@pedro.espinoza.c·
Es un muy buen curso para tener en claro los conceptos principales acerca de CSS grid.
Rafael Alexander Tena Chaparro
@noesrafa·
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
@cesar-elias-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
@Ricandres98·
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.
@deveracs·
Era totalmente necesario este curso; conceptos básicos y explicados paso a paso.
Miguel Angel Toledo Santiago
@Geaglts·
Me gustaron los retos y que le profesora explicara todo con ejemplos.
Jesus David Vargas Guerra
@jesusvarguer18·
Excelente curso, me gusto porque explica terminos complejos y os deja muy claros, gracias 👌❤️
Axell Solis
@axellsolis2552·
Un curso muy bien explicado y con todas las bases para comenzar con CSS Grid
CARLOS DAVID VISBAL ORMECHEA
@Jiec22·
Excelente profesora, excelente contenido. Muy claro todo, espero ver pronto otra clase con esta profe
EDUARDO CRUZ
@lalo_crs·
Me gusto mucho como explico los elementos mas escenciales de grid y con los que puedes empezar a trabajar en tus proyectos.
Luis Vidal
@luisvidal_lv·
muy buen curso, ya hacía falta uno de este tema y quedó muy bien
Eleva tu aprendizaje
Complementa este curso con nuestras rutas de aprendizaje
Desarrollo Web
Desarrolla aplicaciones web desde cero y haz realidad tu carrera como Web Developer. Sé parte de la industria con los empleos mejor pagados a nivel global.
Ruta
DevOps y Cloud para Desarrolladores Web
67 horas
13 Profes
Implementa prácticas DevOps para automatizar el ciclo de vida del desarrollo web, utilizando contenedores (Docker), orquestación (Kubernetes), infraestructura como código (Terraform) y pipelines CI/CD en plataformas cloud (AWS, Azure, GCP).
Ruta
Arquitecturas Web Modernas y Escalabilidad
67 horas
17 Profes
Diseña y construye sistemas web escalables y mantenibles aplicando patrones como microservicios, arquitecturas limpias, SSR/SSG, uso de GraphQL/gRPC y herramientas de observabilidad.
Ruta
Desarrollo Backend con Python
17 horas
2 Profes
Construye APIs y aplicaciones backend robustas con Python, utilizando frameworks populares como Flask, FastAPI y Django, y gestionando bases de datos SQL.
Ruta
Desarrollo Backend con Node.js
76 horas
7 Profes
Especialízate en la creación de APIs y servicios backend utilizando Node.js, Express, NestJS, bases de datos SQL/NoSQL, autenticación (JWT, Passport), WebSockets y arquitecturas modernas.
Ruta
Desarrollo Backend con Java
16 horas
3 Profes
Especialízate en el desarrollo backend con Java, utilizando el ecosistema Spring (Spring Boot, Spring Data JPA, Spring Security) para crear APIs y servicios escalables y seguros.
Ruta
Desarrollo Backend con PHP
50 horas
4 Profes
Aprende a construir aplicaciones web y APIs robustas con PHP, dominando frameworks como Laravel y Symfony, gestionando bases de datos, autenticación y buenas prácticas.
Ruta
Bases de Datos para Web
42 horas
9 Profes
Aprende a diseñar, gestionar y optimizar bases de datos relacionales (SQL - MySQL, PostgreSQL, SQL Server) y NoSQL (Mon|goDB, Redis) para aplicaciones web de alto rendimiento.
Ruta
Desarrollo Frontend con React.js
29 horas
5 Profes
Desarrollo Frontend con React.js
Ruta
Desarrollo Frontend con JavaScript
39 horas
5 Profes
Desarrollo Frontend con JavaScript
Ruta
Fundamentos del Desarrollo Web Profesional
51 horas
9 Profes
Establece las bases esenciales de la informática, el desarrollo web con HTML, CSS, JavaScript, el manejo de herramientas como Git y la terminal, y los principios de ingeniería de software.
Ruta
Diseño y Desarrollo Frontend
39 horas
5 Profes
Domina JavaScript avanzado, manipulación del DOM, CSS moderno (Flexbox, Grid, Sass, Tailwind), rendimiento web y los frameworks/librerías más populares como React, Vue, Angular, junto con TypeScript y herramientas de build.
Ruta
Testing Automatizado y QA para Web
78 horas
12 Profes
Asegura la calidad de tus aplicaciones web implementando pruebas unitarias, de integración, E2E y de rendimiento con herramientas como Jest, Cypress, Playwright, Testing Library y K6.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender