¿Cómo se ve tu web en el celular, la tablet y el computador?
Una web «responsive» no es una web distinta para cada dispositivo, sino un mismo diseño flexible que se reorganiza según el ancho de pantalla disponible. El menú se convierte en un botón, las columnas se apilan y el texto se ajusta, todo con el mismo código.
Ir al laboratorioLaboratorio interactivo
Software a medida
Páginas web
Apps móviles
Sistemas de gestión
Integraciones
Soporte
Más de 900px: hay espacio de sobra, así que las tarjetas se despliegan en tres columnas.
Resumen
Lo que te llevas de este tema
La mayoría del tráfico hoy llega desde celulares: una web no responsive pierde clientes.
El diseño no se achica proporcionalmente: los elementos se reorganizan según el espacio.
Google prioriza en sus resultados las webs que funcionan bien en móvil («mobile first»).
Probar en varios anchos durante el desarrollo evita textos cortados o botones inalcanzables.
Responsive no es solo «que se vea bien»: también afecta qué tan fácil es usar el sitio con el dedo.
Las palabras clave, sin tecnicismos
Toca cada término para ver su explicación.
Responsive
Diseño web que se adapta automáticamente al ancho de pantalla del dispositivo.
Pon a prueba lo aprendido
Mini desafío
¿Lo necesitas en tu empresa?
Webs responsive desde el diseño
Diseñamos cada sitio probado en celular, tablet y computador antes de entregarlo.