Gli elementi nell’“header” non sono allineati:
“Post segnalato come spam”, , “Segnalazione approvata”, “2h”
Ci sono molte discrepanze nel CSS utilizzato qui. Il contenitore .review-item__header ha una regola di allineamento definita: align-items: start;, ma ogni figlio ha la propria regola align-self, che contraddice la regola del genitore e provoca un disallineamento degli elementi.
Non c’è un margine a destra dopo “2h”
Un titolo di argomento può essere lungo e occupare molto spazio verticale; ciò potrebbe essere evitato mettendo il titolo su una riga separata. Su mobile dovrebbe anche essere evitato
Probabilmente non è la strada migliore, serve solo a illustrare il guadagno di spazio disponibile facendolo senza perdere la leggibilità:
