Diseño Responsive

Mobile First · Media Queries · Unidades flexibles

📱 1. Mobile First

Primero diseñamos para móvil, luego mejoramos.

Tarjeta responsive

Cambia el tamaño de pantalla 👀

📏 2. Media Queries

La grilla cambia según el tamaño:

Item 1
Item 2
Item 3

📐 3. Unidades flexibles

Este título usa clamp(). Cambia el tamaño de la pantalla.

🧪 Interacción en clase