Móvil: las tarjetas de Escuela quedan demasiado estrechas #45

Closed
opened 2026-06-28 19:13:37 +00:00 by rafa · 0 comments
Owner

En la página /fea/escuela/, vista móvil 390x844, las tarjetas inferiores se mantienen en una cuadrícula de cuatro columnas.

Impacto visual:

  • Las imágenes quedan pequeñas.
  • Los títulos y descripciones se parten en columnas muy estrechas.
  • La lectura resulta incómoda y el bloque parece comprimido.

Evidencia:

  • Captura local generada con Playwright: visual-audit/escuela-mobile.png.

Propuesta de fix:

  • En móvil, cambiar ese grid a 1 o 2 columnas.
  • Usar un breakpoint específico para las tarjetas de Escuela, por ejemplo 2 columnas en >=360px y 1 columna si el texto sigue quedando apretado.
  • Mantener altura/anchura de imagen consistentes para evitar saltos visuales.
En la página `/fea/escuela/`, vista móvil 390x844, las tarjetas inferiores se mantienen en una cuadrícula de cuatro columnas. Impacto visual: - Las imágenes quedan pequeñas. - Los títulos y descripciones se parten en columnas muy estrechas. - La lectura resulta incómoda y el bloque parece comprimido. Evidencia: - Captura local generada con Playwright: `visual-audit/escuela-mobile.png`. Propuesta de fix: - En móvil, cambiar ese grid a 1 o 2 columnas. - Usar un breakpoint específico para las tarjetas de Escuela, por ejemplo 2 columnas en >=360px y 1 columna si el texto sigue quedando apretado. - Mantener altura/anchura de imagen consistentes para evitar saltos visuales.
rafa closed this issue 2026-06-28 19:13:37 +00:00
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: rafa/feadulta#45