Как сверстать блок с фоном и круглой картинкой вверху?

Question

[Сёмка Гавриленко]

Добрый день!
Подскажите, как сверстать блок как на картинке?
Спасибо!

Answer 1

[Фин Дел]

Comments

[iBird Rose]

чисто имхо: минус translate в том, что если саму карточку начать заполнять текстом - текст будет начинаться в том месте, где блок с translate был изначально.
поэтому я бы именно в этой ситуации использовал отрицательный margin

[Фин Дел]

iBird Rose, вот как раз таки тексту и можно задать отрицательный margin-top, так с помощью translate он прям четка позиционирует этот кружок(поэтому мне и нравиться этот способ) , либо же абсолютом это сделать, через margin это больше костыльный вариант