Curso «CSS: Diseño con Grid»
Actualizado
Access this and all courses with a subscription
Incluye
Descripción
En este curso aprenderás a usar CSS Grid para crear y manejar cuadrículas, distribuir el espacio dentro de las celdas y adaptar las cuadrículas a diferentes tamaños de pantalla. CSS Grid es ideal para diseños complejos controlando elementos en dos ejes. Este curso es útil para programadores que crean plantillas de revistas y es adecuado para todos los desarrolladores web interesados en estándares modernos.
Qué aprenderás
- Propiedades básicas de CSS Grid Layout.
- Crear cuadrículas y gestionar el espacio dentro de ellas.
- Controlar la disposición de elementos HTML dentro de la cuadrícula.
- Adaptar las cuadrículas a diferentes resoluciones de pantalla.
Lecciones del curso
1 | Introducción Conocer el concepto de Grid y las diferencias con Flex. |
2 | Terminología Conocer los conceptos de cuadrículas y sus componentes en CSS Grid Layout. |
3 | Primera cuadrícula Las propiedades que permiten crear cuadrículas con CSS Grid Layout. |
4 | Colocar elementos en la cuadrícula Aprender las propiedades que te permiten colocar elementos de forma arbitraria dentro de la cuadrícula. |
5 | Trabajando con la cuadrícula Aprender sobre los márgenes entre las filas y la alineación de las filas de la cuadrícula. |
6 | La cuadrícula implícita Las diferencias entre una cuadrícula explícita e implícita, y las propiedades de grid-auto-rows y grid-auto-columns. |
7 | Posicionamiento y Grid Cómo afectan las propiedades de posicionamiento y z-index al utilizarlas dentro de una cuadrícula. |
8 | Fin del primer módulo 🎉 Repasar lo aprendido en el módulo, celebrar tus avances y prepararte para el siguiente paso de tu camino como programador. |
Desafíos
1 | Póster suizo |
2 | |
3 | Póster futurista |
4 | Componente "Teclado" |
5 | Neoplasticismo |
- Práctica en el navegador
- Acceso permanente a la teoría
- Aprende a tu ritmo
Access this and all courses with a subscription