как сделать полосу адаптивной?

[gordy]

<style>
.content_title {
    font-size: 16px;
    color: #373737;
    margin: 11px 0 4px 0;
}

p {
    margin: 0 0 14px 18px;
}
.shape {
    border-bottom: 2px solid #E2E2E2;
    height: 2px;
    width:50%;
}

.content_block .yellow_shape {
    border-bottom: 4px solid #2679e9;
}

.yellow_shape {
    width: 28%;
    display: inline-block;
    float: left;
}

@media screen and (max-width: 644px)
.content .content_text {
    margin: 24px 0 20px 0;
}

.content_text {
    font-size: 13px;
    color: #5f5e5e;
    line-height: 16px;
    margin: 24px 0 0 0;
}

</style>

<div class="content_block">
<p class="content_title">Заголовок</p>
<p class="shape"><span class="yellow_shape"></span></p>
<br>
</div>

 

[xsacha]

Если по ширине то все значение width писать в процентах.

 

[DMyrzich]

Если по ширине то все значение width писать в процентах.

не всегда в процентах, можно и в пикселях. Все зависит от точной задчи