GUÍA COMPLETA DE GRID ANIMADA | CURSO CSS

En este curso vas a aprender a usar Grid con CSS, todas sus propiedades y formas de usarlo para el diseño de tus sitios o aplicaciones web. #grid #css #cursogratis #desarrolloweb

Curso para aprender FLEXBOX    • GUÍA COMPLETA DE FLEXBOX ANIMADA | CSS  

👍 Apóyame con un like para llegar a más developers 😊
✅ Te invito a suscribirte al canal 👉 http://bit.ly/Youtube-VidaMRR
🔔 Activa la campanita para notificarte del siguiente video


✅ Sígueme en las redes sociales:
Discord   / discord  
Facebook   / vidamrr  
Twitter   / vidamrr  
Instagram   / vidamrr  

Secciones

00:00:00 Introducción
00:01:23 Diferencia entre grid y flexbox
00:03:16 Conceptos básicos de Grid
00:09:05 Ejercicio 1: configurando grid básico
00:14:32 Cómo definir lineas o posiciones
00:19:30 Ejercicio 2: definir líneas o posiciones
00:22:15 Áreas en Grid
00:24:27 Ejercicio 3: definiendo áreas
00:27:13 Sintaxis simplificada con grid-template
00:31:54 Ejercicio 4: usando sintaxis simplificada
00:36:50 Gap en Grid
00:37:38 justify-items - Alineación horizontal de elementos
00:40:09 align-items -Alineación vertical de elementos
00:40:52 justify-content -Alineación horizontal de cuadrícula
00:44:09 align-content - Alineación vertical de cuadrícula
00:46:36 Ejercicio 5: alineación de elementos y cuadrícula
00:52:08 Posicionar elementos en Grid
00:55:48 Ejercicio 6: Posicionar elementos en Grid
00:59:21 Acomodar elementos en áreas
01:00:39 Ejercicio 7: Posicionar elementos en áreas
01:01:57 justify-self - Acomodar cada elemento horizontalmente
01:03:24 align-self - Acomodar cada elemento verticalmente
01:04:04 Ejercicio 8: uso de justify-self y align-self