Fundamentos
Nivel 5: Responsive (mobile-first)
Estimated25 minLockedThis is how your site should look when you finish this level
Mismo contenido, legible en móvil sin scroll horizontal.
Objective
Ajusta padding y clases md: para que se vea bien en móvil y desktop.
In this level you will learn
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.