Линия наезжает на текст при сужении окна. Писать каждые 20px медиазапрос?

Question

[freeman0204]

Пример screenshot.ru/27a4903e3c87ddccf1c07344f7603e90.

Answer 1

[Mr Crabbz]

замените ваш кусок про h3:after на что-то такое:

h3:after {
    content: "";
    display: block;
    float: none;
    clear: both;
    width: 190px;
    height: 5px;
    margin: 20px auto 0 auto;
    background: red;
}

Answer 2

[Андрей Федоров]

codepen.io/aliencash/pen/ZQoOjO

Answer 3

[nepster-web]

Сделайте ее отдельным div или hr. У вас жестко вбито top: 110px;