Как сверстать следующий блок?

Question

[Corepro]

Как сверстать данный блок?

Comments

[Ankhena]

Сверстать используя адаптивные единицы измерения и позиционирование от центра.
Аналоги:
https://codepen.io/AnnaSummer/pen/QWQOvzy
https://codepen.io/AnnaSummer/pen/eYVeWXR

[Corepro]

Ankhena, Спасибо, буду пробовать

[Corepro]

Ankhena, Можете еще подсказать возможно как линии реализовать как на примере?

[Ankhena]

Corepro, градиентами, псевдоэлементами, SVG... что-нибудь ещё

Answer 1

[Антон Шаманов]

круглые элементы - border(border-radius) + outline, тонкие линии - border. в сети куча мануалов как с помощью border создать нестандартные элементы