Les éléments dans l’« en-tête » ne sont pas alignés :
« Post flagué comme spam », , « Flag approuvé », « 2h »
Il y a de nombreuses incohérences dans le CSS utilisé ici. Le conteneur .review-item__header possède une règle d’alignement définie : align-items: start;, mais chaque enfant a sa propre règle align-self, ce qui contredit la règle parente et entraîne un désalignement des éléments.
Il n’y a pas de marge droite après le « 2h »
Un titre de sujet peut être long et prendre beaucoup d’espace vertical ; cela pourrait être évité en plaçant le titre sur sa propre ligne. Cela devrait même être évité sur mobile
Ce n’est probablement pas la meilleure approche, c’est juste pour illustrer le gain d’espace disponible en procédant ainsi sans perdre en lisibilité :
