Cómo Diseñar Cards con Grid en CSS: Sombras, Hover y Flex | Clase Completa + Responsividad

  Рет қаралды 159

Gabriel Chaldu

Gabriel Chaldu

Күн бұрын

En este video aprenderás paso a paso cómo diseñar cards utilizando Grid en CSS, una de las técnicas más usadas en el diseño web. Exploraremos cómo añadir sombras, efectos hover, y cómo utilizar Flexbox en combinación con Grid para darle más flexibilidad al diseño.
Al final de la clase, también te mostramos cómo hacer que estas cards sean responsivas para que se adapten a diferentes dispositivos. ¡Ideal para quienes desean mejorar sus habilidades en maquetación web!
Temas cubiertos:
• Diseño de cards con Grid en CSS.
• Uso de sombras y efectos hover.
• Complementación con Flexbox.
• Tips de responsividad para tarjetas.
• Imagen, título, párrafo y enlace dentro del card.
No te pierdas esta clase completa para diseñar cards profesionales con CSS. ¡Suscríbete para más videos de diseño y desarrollo web!"

Пікірлер
Clase Completa de HTML5: Estructura, Metadatos y CSS Básico - 2024
1:37:26
Правильный подход к детям
00:18
Beatrise
Рет қаралды 11 МЛН
Tuna 🍣 ​⁠@patrickzeinali ​⁠@ChefRush
00:48
albert_cancook
Рет қаралды 148 МЛН
Леон киллер и Оля Полякова 😹
00:42
Канал Смеха
Рет қаралды 4,7 МЛН
小丑教训坏蛋 #小丑 #天使 #shorts
00:49
好人小丑
Рет қаралды 54 МЛН
Introducción a Flexbox: Fundamentos y Primeros Pasos
56:58
Gabriel Chaldu
Рет қаралды 196
Правильный подход к детям
00:18
Beatrise
Рет қаралды 11 МЛН