Ваши советы о том как можно реализовать такую верстку?

Question

[szQocks]

Верстал через позиционирование и псевдоэлемент after , то есть сверстал блоки выровнял их и потом уже круглешки выровнял относительно этих блоков, с этим много дискомфорта в мелочи не буду вас загонять. Есть ли у кого-либо идеи как эти круглешки сверстать так что бы они были по центру и относились именно к этим блокам, потом что там есть hover эффект у блоков, когда на блок наводишь мышкой , круглешок должен увеличиваться ...

Comments

[Михаил]

google > css timeline

[szQocks]

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

[Ankhena]

Выбирайте codepen

[Ankhena]

Michael McGlyyn, сложно ругать за это сервис песочниц.
И там полно нормальных вариантов, всегда можно выбрать и адаптировать под себя или сделать комбо из нескольких.
Да и цель этой ссылки была не только в таймлайнах, но и как ресурс на котором можно найти большую долю ответов на тостерные вопросы.

[Ankhena]

Michael McGlyyn,

всё таки нашёл интересные варианты для себя.

я примерно об этом же ;)

Answer 1

[drawnofmymind]

https://www.youtube.com/watch?v=jblAsT79xvM Отличная верстка данного таймлайна)

Comments

[szQocks]

Спасибо , посмотрю обязательно!).

[szQocks]

Посмотрел, в принципе я так и собрался делать как и на видео).