.logo-holder {
max-width: 22.5rem;
width: 100%;
padding: 0 .9375rem;
margin: 0 auto 1.25rem;
position: relative;
}
.logo-holder .logo {
width: 3.75rem;
margin: 0 0 1.5rem;
text-align: center;
position: static;
}
.logo-holder .img-block:first-child {
margin: 0 -.625rem 0 0;
}
.logo-holder .img-block:last-child {
margin: 0 0 -.155rem -.612rem;
}
.logo-holder:after,
.logo-holder:before {
content: "";
position: absolute;
bottom: 3px;
height: 2px;
background: #343536;
width: 100%;
margin: 0.37rem;
}
.logo-holder:before {
left: 100%;
}
.logo-holder:after {
right: 100%;
}
<div class="logo-holder d-flex align-items-end justify-content-center">
<div class="logo">
<a href="#">
<img -label="Logo" gv-img="img" src="" width="50" alt="">
</a>
</div>
<div class="img-block">
<img src="" width="200" alt="image description">
</div>
</div>
При Responsive появляется горизонтальный скролл. Как получить прилипание линий по краям СТРАНИЦЫ и интерактивную адаптацию?