Как сверстать блок такого формата (без фреймворков)?

Question

[int_a]

Мне нужно сверстать блок следующего формата
Есть большой круг с текстом, вокруг него должны находиться 4 текста более мелким шрифтом. Если представить этот блок как квадрат, то, 4 мелких текста должны располагаться по его углам, а большой круг -- в центре. Необходима адаптивность

Comments

[Максим]

покажите как это выгладит - рисунок от руки

[Антон Литвиненко]

Очевидно же, верстаете блок, в центре него большой круг с текстом, а по углам блока 4 блока с меньшим шрифтом. Потом делаете адаптив

[Максим]

int_a, svg устроит ?

[int_a]

Максим Ленский, вполне

[Максим]

int_a, https://codepen.io/topicstarter/pen/mdVXPBQ - так ?

[int_a]

Максим Ленский, Благодарю! Всё так

Answer 1

[Spaceoddity]

И в чём тут проблема?))
Представьте себе таблицу 3x3 c размером ячеек 25% 50% 25%. Как именно вы её будете реализовывать (table, блоки, флексбоксы, грид) - на ваш вкус.