@AndreyNevskiy
Верстальщик

Пять кружков соединённых пунктиром. Как сверстать блок?

Коллеги, прошу поделиться мыслями как сверстать такой блок:
5f8b1af292796598813274.png

Как сделал я: Задал блоку position: relative, и фиксированную высоту, ширину 100%. Кружкам задал размеры (каждому свой, они все разные). И с помощью абсолютного позиционирования разместил где нужно. Пунктир фоном вставил. Смотрится неплохо) Но при сужении экрана в какой то момент контейнер уменьшается и получается такая картина:
5f8b1bd385891217427634.png

Выход вижу лишь в уменьшении и подгонке кружков под разные ключевые размеры экрана, используя медиа запросы. Но учитывая, что у всех кружков разные размеры, получится очень много строчек кода.
А как бы вы сверстали такой блок?
  • Вопрос задан
  • 93 просмотра
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы