Saltar al contenido
← Hoja de Ruta IA - 76 pasos de cero a producción

etapa · Que quede bonito

58La versión móvil

Más de la mitad de la gente llegará desde el teléfono

El mal más común de los proyectos caseros: en la computadora, precioso; en el teléfono, deshecho.

La causa es que tanto tú como la IA miran una pantalla grande. Hasta que no lo pruebas en la pequeña, no lo sabes.

Qué se suele romper: el texto queda demasiado pequeño. Las tablas se salen del borde y aparece scroll horizontal - señal segura de que algo va mal. Los botones quedan imposibles de acertar con el dedo. El menú tapa el contenido.

Cómo probar sin tener diez teléfonos: el navegador tiene un modo para ver la página a tamaño de teléfono (en Chrome se esconde detrás de la tecla F12). Pídele a la IA que te muestre cómo activarlo.

Una regla que conviene fijar: revisa la versión móvil sobre la marcha, no al final. Rehacer un diseño terminado para pantalla pequeña es un tormento. Revisar por el camino es fácil.

Y una fuente frecuente de dolor: el scroll horizontal por algún adorno que asoma más allá del borde. Si la página se puede arrastrar de lado, algo se salió - busca al culpable.