Как сверстать одинаковые круги?

Question

[Odinokun]

Как сверстать блоки так, чтобы при адаптации круги были одинакового размера (причем расстояние между кружками и по периметру блоков должно быть одинаковым 16рх)?

Вот набросал пример в песочнице.

Answer 1

[Odinokun]

Нашел решение.
Задаю все размеры в единицах VW, но ограничивая максимальный размер пикселями.
Единственный минус - пришлось добавить 1 элемент, для разделения блоков.
Вот решение.

Answer 2

[WapSter]

Засунуть их в один блок или использовать js.

Comments

[Odinokun]

Запихивать в 1 блок не вариант, так как возникнут проблемы с обрамлением.
JS использовать в такой ситуации "не спортивно".