Varias mejoras podrían implementarse en las páginas revisables móviles

  • Los elementos en el “encabezado” no están alineados:
    “Post marcado como spam”, , “Aprobación de la señal”, “2h”

    Hay muchas discrepancias en el CSS utilizado aquí. El contenedor .review-item__header tiene una regla de alineación definida: align-items: start;, pero cada hijo tiene su propia regla align-self, lo que contradice la regla del padre y resulta en elementos desalineados.

  • No hay margen derecho después de “2h”

  • El título de un tema puede ser largo y ocupar mucho espacio vertical; esto podría evitarse poniendo el título en su propia línea. Incluso debería evitarse en móviles :face_with_tongue:

Probablemente no sea la mejor opción, pero solo sirve para ilustrar el espacio disponible que se gana al hacerlo sin perder legibilidad:


  • El área de texto para la nota es demasiado ancha

  • Ciertas cadenas largas se desbordan y alteran la disposición de toda la página
3 Me gusta