Как оттолкнуть текст?

Question

[mipfikus]

Как отодвинуть текст от картинки? Текст "Штробление и выбуривание подрозетников" налезает на фото если поменять размер окна.
Вот проблемная страница.
Код писал не я.

Comments

[TAZAQ]

Заменить на "Монтаж подрозетников"?)

[mipfikus]

TAZAQ, Не получится, разные услуги. Тут конкретно выбуривание

Answer 1

[Ярослав Иванов]

Убрать селектор с этими свойствами на main.min.css 1942 строка.

.media-service .media__title .title {
    left: 0;
    moz-transform: translateY(-50%);
    ms-transform: translateY(-50%);
    o-transform: translateY(-50%);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    webkit-transform: translateY(-50%);
}

Comments

[mipfikus]

Супер! Только как теперь их поровнять?

[Ярослав Иванов]

mipfikus, Это уже другой вопрос.

[Ярослав Иванов]

mipfikus, Например добавить высоту

.media-service .media__title {
    position: relative;
    min-height: 80px;
}

[mipfikus]

Браво! Следующий вопрос сразу за предыдущим! Как притянуть текст с кнопкой к картинке?)

[Ярослав Иванов]

mipfikus, Вообще надо переверстать. Одно уберете другое появится. Там теги пустые есть. Возможно их убрать.

[mipfikus]

Отступ откорректировал, большое спасибо!