Как сверстать такую карточку?

Question

[Emanjh]

Comments

[Павел]

как, как, используя css, тут же вооооообще самый базовый уровень, почитайте хоть что то для начала

[Сергей delphinpro]

А где здесь могут возникнуть сложности?

[Emanjh]

Сергей delphinpro, сложность в строке с заголовком Honeymoon и лого человека с цифрой, я все обернул в див, задал всем объектам инлайн-блок, задан спейс битвин,
Получается такое, как можно логотип человека закинуть в конец строки перед цифрой 2?

[Сергей delphinpro]

Emanjh,

HTML:
.header 
  .title
  .icon
  .counter


CSS:
.header {
  display: flex;
}

.title {
  flex-grow: 1;
  // or
  margin-right: auto;
}

[Emanjh]

Сергей delphinpro, Благодарю

Answer 1

[Nurkanaat]

Вроде так: https://codepen.io/nurkanaat/pen/oNmNmyq