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

Question

[KRAINEV]

Привет всем. Первый раз верстаю блок такого типа:

Помогите как правильно его сверстать? Задать пути как фон или есть лучший способ.
Заранее спасибо

Comments

[Ivan Bogachev]

А как это должно адаптироваться?

[Hyubert]

а где вы такой красивый макет взяли? если у вас есть исходники, то могу помочь сверстать.

[KRAINEV]

Ivan Bogachev, не знаю макет на одно разрешение, поэтому и спрашиваю) Если вы знаете сайты где это красиво реализованно, можете пожалуйста поделиться ссылкой

Answer 1

[boga-net]

Если зададите как фон, то что будете делать с адаптивностью ?
Сверстать всё с помощью Grid, и использовать пустые блоки. которые будут играть роль пунктирных линий с border: dashed, и нужные вам стороны, например, только border-left и border-bottom, с border-radius. Grid в помощь. Или псевдоклассы или абсолютное позиционирование



На всякий случай оставлю это здесь. Пустые блоки (красная рамка) у которых border только с той стороны, с которой нужен. Синими каракулями зачёркнуты те стороны пустого блока, которые не нужны. А дальше - дело техники и умения работать с Grid

Comments

[KRAINEV]

Спасибо за ответ. Думал о таком решение. Сейчас буду разбираться с grid)