Но если по пробовать вниз подвинуть, то двигается.

покажи как делаешь

А покажи макет, если не секрет

Сделай так.

.phone__container
  .phone +7933....
  .phone__description
    span (доб...)
    span.phone__info Администратор

Стилизуй как в макетах номер телефона, код и подпись админ
Потом у блока сделай левый padding и или через бэкграунд добавь иконку телефона, или псевдоэлемент :before для phone__container, куда пихнёшь иконку

Телефон лучше делать ссылкой <a href="tel:+79...">, чтобы при клике сразу триггерился вызов

всем привет
подскажите как правильно будет сделать... у меня есть 2 блока с контентом, между ними вертикальная линия... если повесить бордер на один из них, то при наличие большего контента больше в блоке где нет бордера будет отсутствовать линия полностью на всю высоту.... идея было просто добавить между ними дивку с content:''; и там прописать все стили для линии, но не уверен что это будет правильное решение
у кого-нибудь есть какие-то варианты?

Явно линию отдельно делать

Можно попробовать родительный блок сделать position: relative, а линию как ::after у каждого дочернего (кроме последнего) и сделать ее абсолютом. Тогда если у нее будет height: 100%, то она будет высотой с родителя

больше склоняюсь к отдельному блоку с линией, чтобы не использовать позиционирование

спасибо за идеи

ну тогда придется каждый раз его добавлять в верстку. Обычно разделительные линии так не принято делать. Но ладно)

Так если у родителя дисплей флекс то высота блоков должна быть одинаковой разве нет?

В принципе можно и бордером сделать

Если задан align-items, то нет

ну с бордером нюансы будут что изначально писал... пробовал уже

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

если у тебя разделитель будет так:
<card> <card> <card> <card> <separator> <card> <card>,
то конечно сделать отдельным блоком

если у тебя так будет:
<card> <separator> <card> <separator> <card> <separator> <card> <separator> <card> <separator>
ну ты сам видишь, что в верстке что-то не так)