En este video vamos a aprender las diferentes formas de alinear elementos utilizando Flex CSS (Flexbox). Centrar elementos con Flex CSS, alinear en horizontal (a la izquierda, derecha), vertical (arriba o abajo) o incluso reordenar los elementos dentro de la estructura Flex.
¡Te lo explico!
TIMELINE:
00:00 Justificar contenido (justify-content)
01:55 Alinear items (align-items)
02:13 Alinear contenido multilínea (align-content + flex-wrap)
03:29 Huecos (row-gap, column-gap, gap)
04:11 Ordenando ítems (order)
06:38 Pregunta: ¿Márgenes o gap?
07:01 Alineaciones específicas
07:54 Pregunta: Simular drag and drop
08:15 Pregunta: Reordenar
08:46 Pregunta: Astro / Secreto
09:14 Cierre
LINKS:
👀 Flex (Alinear elementos): 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
12 авг 2024