Fundamentos

Nivel 5: Responsive (mobile-first)

Objetivo

Ajusta padding y clases md: para que se vea bien en móvil y desktop.

En este nivel aprenderás

Aplicas diseño responsive mobile-first: primero maquetas para móvil y luego usas breakpoints md: de Tailwind para adaptar tamaños en desktop. Comprenderás por qué evitar scroll horizontal y cómo las clases condicionales mejoran la lectura en distintos dispositivos.

Pasos a completar (0/5)

• 1Paso 1La página carga sin errores▾
• 2Paso 2Sin scroll horizontal en móvil (375px)▾
• 3Paso 3El hero se lee bien en móvil▾
• 4Paso 4Usas clases md: de Tailwind▾
• 5Paso 5Layout correcto en desktop (1280px)▾