Здравствуйте, встала задача заверстать подобный блок:
Мне в голову приходит только абсолютное позиционирование элементов, но на мой взгляд это как то топорно.
На самом деле мне главная задача грамотно сделать и расположить круги, а уж картинки я в них смогу воткнуть (это галерея).
Может посоветует кто что? Я в вёрстке не силён, по этому подобный блок просто положил меня на лопатки(
В случае если кому будет интересно, сверстал с помощью svg.
Вся картинка состоит из элементов circle.
Некоторые круги просто закрашены, для кругов с картинкой созданы патерны, которые являются фоном для кругов с картинками. В случае если картинок в галереи будет больше 7, генерится вторая svg. Если на вторую svg слайдов не хватает, картинки дублируются. Как то так)
Видимо так и придётся сделать) В идеале бы js который сгенерит 11 кругов разного диаметра и разложит без пересечения в пределах контейнера. Вот такое чудо было бы супер, а при изменении разрешения можно было бы заново запускать)
Простой
Простой
