@arzamas-nick

Как сверстать такой элемент, если блоков не 4 а больше?

1. Как сверстать такой элемент, если блоков не 4 а больше ?
2. И как их адаптировать потом ?

Спойлер: Скрин
5c7ea15f00248863699293.png


ps: имею ввиду линии как делать ?
  • Вопрос задан
  • 169 просмотров
Пригласить эксперта
Ответы на вопрос 2
Ankhena
@Ankhena Куратор тега Вёрстка
Нежно люблю верстку
Без всяких дополнительных блоков так: https://jsfiddle.net/k8q7sbxd/
С перестроением под мелкие экраны, например, так: https://jsfiddle.net/k763w48g/
(У меня просто полоски, фигурные нарисуете сами SVG'шками)

У всего блока псевдоэлементами: верхняя вертикальная черта с шляпкой и горизонтальная.
У каждого элемента псевдоэлементом вертикальная черта с кружком.

При адаптиве выстраивать все это в столбик. Черточки поворачиваются на 90°
Ответ написан
flapflapjack
@flapflapjack
на треть я прав
Стиль с поворотными стрелками назначается для :first-child и :last-child, остальные внутри имеют одинаковый резиновый стиль с flex

Ответ написан
Ваш ответ на вопрос

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

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