¿Qué es responsive?

Responsive significa que una web se adapta sola al tamaño de la pantalla desde la que la miras. La misma página se reorganiza para que en un móvil los bloques se apilen en una columna, en una tablet quepan dos y en un ordenador grande se vea todo el ancho, sin que tengas que hacer zoom ni arrastrar hacia los lados.

Que nadie se pierda por culpa del dispositivo. La mayoría de la gente va a entrar en tu web desde el móvil, y si ahí los textos se salen, las fotos se cortan o los botones no se pueden pulsar, da igual lo bonita que se vea en tu portátil.

El diseño define puntos de corte por ancho de pantalla y, en cada uno, decide cómo se colocan los elementos: qué se apila, qué se esconde, qué cambia de tamaño. Cuando trabajas con IA, "responsive" es la palabra que más arregla de golpe: en vez de describir uno por uno los diez desajustes que ves en el móvil, pides que la página sea responsive y se revisan todos a la vez.

Montas tu web con una herramienta no-code y en el ordenador se ve perfecta, pero la abres en el móvil y el menú tapa media pantalla y el texto se sale por la derecha. Le dices a la IA: "haz la página responsive, revisa sobre todo la vista de móvil". Vuelves a mirarla desde el teléfono y ya se lee del tirón.

• Frontend
• Navbar
• Landing page
• UI
• UX