Ce bloc compact d’avis à la une présente les commentaires des clients aux côtés des informations sur le produit, dans un format clair et facile à parcourir.
Mise en page du bloc d’avis à la une
La mise en page utilise une disposition flex horizontale, avec une section d’avatar circulaire à gauche et une colonne de contenu à droite. Les deux zones sont alignées verticalement, avec un espace de 20px entre elles. Le remplissage et une bordure inférieure séparent visuellement l’avis du reste du contenu de la page.
Dans la mise en page d’origine, la zone de l’avatar mesure 75 sur 75 pixels et adopte une forme circulaire. À sa droite, la colonne de contenu contient la note de l’avis, le commentaire écrit et les informations sur l’auteur.
Structure du contenu de l’avis
- Une rangée d’étoiles indiquant la note attribuée par le client
- Un bloc dédié au texte de l’avis
- Une ligne d’auteur en italique, avec un indicateur de vérification facultatif
Cette disposition présente l’évaluation du client de manière concise tout en maintenant une relation claire entre les informations sur l’auteur de l’avis et les informations complémentaires sur le produit.