Si te cuesta entender los sistemas de maquetación de CSS, concretamente de Grid, en este video voy a explicarte las bases y conceptos de Grid, para saber como hacer un Grid básico desde cero. A medida que avancemos, iremos aprendiendo más conceptos en esta serie de videos de Grid.
¡Te lo explico!
SERIE COMPLETA:
1️⃣ (Este vídeo)
2️⃣ • Grid CSS: Centrar, dis...
TIMELINE:
00:00 Introducción a Grid
01:44 ¿Qué uso, Flex o Grid?
02:39 Creando un ejemplo inicial
04:15 inline-grid vs grid
04:50 Columnas (grid-template-columns)
06:05 Filas (grid-template-rows)
07:36 La función repeat()
08:32 La unidad fr
10:20 La función minmax()
11:00 auto-fill vs auto-fit
12:40 Huecos (gap)
13:38 Atajo (grid-template)
14:17 Preguntas
15:11 Grid en Dev Tools
16:09 Box Sizing
17:17 Cierre
LINKS:
👀 Introducción a Grid CSS: lenguajecss.com/css/maquetaci...
¡No te olvides de seguirme! ⚡ manz.dev
---
📹 Twitch: / manzdev
📼 RU-vid: / manzdev
🐤 Twitter: / manz
📷 Instagram: / manz.dev
✈️ Telegram: t.me/ManzDev
🎶 Música: ncs.io
12 авг 2024