CSS · advanced

Karta profilu

Bílá karta se stínem: vlevo kulatý avatar s iniciálami, vpravo jméno a pod ním šedý popisek. Avatar a text jsou svisle vycentrované.

HTML · hotové, neměňte

Nápověda

Avatar a text vedle sebe: display: flex na kartě, svislé centrování přes align-items.
Kruh je čtverec s border-radius: 50%. Iniciály do středu dostanete přes display: grid a place-items: center.
Aby se avatar v úzké kartě nezmenšil, dejte mu flex: none.

Ukázat vzorové řešení