Как правильно верстать декор элементы внутри блоков?

Question

[teopraktik]

Здравствуйте. Учусь верстать. Постоянно натыкаюсь на подобный внутренний декор между элементами (обозначил красными стрелками на слайдах):


Скажите, пожалуйста, при адаптивной верстке таких декоров лучше использовать:
1) Псевдоэлементы или делать отдельные html-элемента и абсолютно их позиционировать?
2) Использовать flex или grid?
Можете что-то посоветовать? А за пример буду отдельно благодарен.

Comments

[Ankhena]

1. Псевдоэлементы или бордеры или градиенты или что-то ещё. Красоту - в стили, информацию - в разметку. Эти палочки это украшение - значит, стили.
2. Нет однозначного ответа, зависит от макета и поведения при адаптиве.