Tento blok s doporučenou recenzí je navržen tak, aby přehledně a kompaktně zobrazil stručné hodnocení zákazníka spolu s informacemi o produktu.
Aurion Master Key Pro Kit - Pokročilé nástroje pro zámečníky
Rozvržení a styl
Komponenta uspořádává svůj obsah vodorovně pomocí flex rozvržení. Vlevo se nachází kruhový avatar, zatímco podrobnosti recenze jsou v samostatném sloupci vpravo s mezerou 20 px mezi oběma oblastmi. Vnitřní odsazení a spodní okraj vizuálně oddělují recenzi od okolního obsahu stránky.
- Hlavní kontejner používá zarovnání prvků pomocí flexu, vystředění a mezeru 20 px.
- Oblast avataru je kruhová a v původním rozvržení má rozměry 75 × 75 pixelů.
- Vedlejší sloupec s obsahem obsahuje hodnocení, text recenze a údaje o autorovi.
Obsah recenze
V informačním sloupci následují prvky v přehledném svislém pořadí pro snadné procházení:
- Řada hvězdiček označujících hodnocení
- Napsaný text recenze
- Řádek s autorem psaný kurzívou, který může obsahovat také označení ověřeného zákazníka
Struktura
Dodané rozvržení se zaměřuje na zobrazení zpětné vazby zákazníka vedle podrobností o produktu, aniž by přidávalo funkce nad rámec definovaného návrhu bloku s recenzí.