Ten wyróżniony blok recenzji służy do przedstawienia zwięzłej opinii klienta wraz z informacjami o produkcie w przejrzystym, kompaktowym układzie.
Aurion Master Key Pro Kit - Zaawansowane narzędzia ślusarskie
Układ i styl
Komponent układa zawartość poziomo za pomocą układu flex. Po lewej stronie znajduje się okrągły awatar, a szczegóły recenzji umieszczono w osobnej kolumnie po prawej stronie, z odstępem 20px między obiema częściami. Wewnętrzne odstępy i dolna obramowanie wizualnie wyróżniają recenzję na tle pozostałej zawartości strony.
- Główny kontener wykorzystuje wyrównanie flex z wyśrodkowanymi elementami i odstępem 20px.
- Obszar awatara jest okrągły i w oryginalnym układzie ma wymiary 75 na 75 pikseli.
- Sąsiednia kolumna zawiera ocenę, treść recenzji i informacje o autorze.
Treść recenzji
W kolumnie informacyjnej elementy są ułożone w przejrzystej kolejności pionowej, co ułatwia szybkie zapoznanie się z treścią:
- Rząd gwiazdek wskazujących ocenę
- Tekst pisemnej recenzji
- Wiersz z autorem zapisany kursywą, który może również zawierać oznaczenie zweryfikowania
Struktura
Przedstawiony układ koncentruje się na prezentowaniu opinii klientów obok szczegółów produktu, bez wprowadzania funkcji wykraczających poza określony projekt bloku recenzji.