Как сверстать данный макет

[marchenkovby]

Здравствуйте. Как лучше сверстать данный макет?

Для кругов использовать border-radius, но тогда будет ведь проблема в старых браузерах?

Как позиционировать круги и центральный блок со скругленными краями?

Как сделать линии, соединяющие блоки?

Edited April 12, 2018 by marchenkovby

[Switch74]

линиями могут быть псевдоэлементы или тупо блоки с бордерами в которых у вас могут лежать ваши круги
позиционирование absolute|relative на вроде такого например https://jsfiddle.net/ro2gxp4e/44/

если сильно нужно чтобы в старых браузерах отображались круги, можно использовать картинки

[mrnobody]

Сайт будет адаптивным?

Соединяющие линии можно сделать с помощью псвевдоэлемента у кружка. Те, которые с изгибом это будет прямоугольник с рамочкой, у которой убираем ненужные стороны.

  Reveal hidden contents

 

[marchenkovby]

Да, сайт будет адаптивный. 

Edited April 12, 2018 by marchenkovby

[gwenn]

Разместить элементы по кругу