Várias melhorias podem ser feitas nas páginas revisáveis do mobile

  • Os elementos no “cabeçalho” não estão alinhados:
    “Post marcado como spam”, , “Marcação aprovada”, “2h”

    Há muitas inconsistências no CSS utilizado aqui. O container .review-item__header possui uma regra de alinhamento definida: align-items: start;, mas cada filho tem sua própria regra align-self, contradizendo a regra do pai e resultando em itens desalinhados.

  • Não há margem direita após o “2h”

  • O título de um tópico pode ser longo e ocupar bastante espaço vertical; isso poderia ser evitado colocando o título em sua própria linha. Isso até deveria ser evitado em dispositivos móveis :face_with_tongue:

Provavelmente não é o caminho ideal, é apenas para ilustrar o ganho de espaço disponível ao fazer isso sem perder a legibilidade:


  • A área de texto da nota está muito larga

  • Certas strings longas transbordam e atrapalham o layout de toda a página
3 curtidas

Com certeza! Obrigado por postar sobre isso. Acabei de fazer uma revisão que vai melhorar vários problemas aqui

1 curtida