Как сверстать схему?

Question

[Александр]

С помощью какого стека можно сверстать это? Еще и с адаптивом

Comments

[Lord_Dantes]

У меня идея как можно сделать адаптивно но геморно.
Типо если у вас идет обычная схема как здесь, можно сделать что-то в виде табов, то есть при клике открывать нужную часть типо в мобилке перешли в пункт "покупатель квартиры или продавец", там выбираешь покупатель и тебе еще пункты и так далее но реализовать прийдется самому)

Answer 1

[Владислав Поляков]

Использовать псевдоэлементы . Или написать генератор на javascript ( к примеру используя react). еще есть вариант все это нарисовать на svg используя javascript. А про адаптив можно забыть. Или перестраивать это все под определённые разрешения или скрывать.

Answer 2

[dkrylov]

С помощью HTML+CSS)

С помощью какого стека можно сверстать это?

Answer 3

[Breeze1]

Я бы верстал это обычной разметкой, а пунктирную линию сделал бы фоновым изображением. Об адаптиве тут как написали выше, можно забыть. Либо перестраивать блоки, либо сделать фикс ширину, и делать прокрутку на мобильных

Answer 4

[papabig]

Это именно так должно выглядеть? Есть подозрение, что подпункты должны быть скрыты и это выпадающий список. Если да, то в адаптиве всё будет просто скрыто и открываться по клику. Выпадающий список можно сделать обычными ul li и jquery, если вы не чураетесь этой библиотеки.