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

Question

[deespe1]

Такой вопрос: Как правильно сверстать подобную секцию одностраничного сайта? С блоками всё понятно. Что делать со шкалой дат? Сделать картинкой и на position: absolute? Или сверстать как div и также на abslute? или еще как-то можно грамотно? Потом буду делать адаптивность под экраны.

Answer 1

[Денис Князев]

вот тут много примеров freefrontend.com/css-timelines

Answer 2

[ink]

что бы не париться с этим вопросом , работаю через browser-sync , смотрю вёрстку на всех устройствах и стараюсь не применять bootstrap и прочие css framework (при условии что не требуются всякие плюшки) и там вопрос сам отпадает , но как вернуть блоку исходное состояние используя позиционирование или другую технику решать вам ...
Легче всего не применять вообще ни чего лишнего и помнить что блоки в html и так идут друг под другом и вам лишь надо убрать то что вы сделали в desktop версии и тогда все блоки встанут друг под друга и без всякого позиционирования или чего то там ещё

Answer 3

[Василий Васильев]

Гуглите svg path animation.