Как подойти к разработке этой структуры макета с адаптивным поведением? [закрыто] ⇐ Html

[Anonymous]

описание изображения здесь
Я пытаюсь создать макет, аналогичный тому, который показан на прикрепленном снимке экрана. Можно ли добиться этого, используя простой HTML и CSS?
Я понятия не имею, как инициализировать этот макет в обычном HTML и CSS.
Как лучше всего добиться этого, используя простой HTML и CSS?
ПРИМЕЧАНИЕ. Пузырьки статичны, а не анимированы. Каждый пузырь содержит название бренда, завернутое в простой тег, а цветные точки предназначены только для презентационных целей и не более того.

Подробнее здесь: https://stackoverflow.com/questions/797 ... e-behavior