Как растянуть полосу?

Question

[ivan41kd]

Всем добрый вечер, возможно я задаю глупый вопрос, но все же задам: я делаю сайт по макету из Figma, внизу header я хочу растянуть эту полосу (фотка прикреплена, там полоса светлая) так, чтобы не было белых областей. Как мне это сделать? Вот отрывок кода HTML:

<section class="sectionpartners">
            <div class="container"> 
                <img src="img/partners.svg" alt="partners" img class="partners-img">
                
            </div>
        </section>

    
    
</body>
</html>

Вот CSS:

.partners-img{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: inherit;
    background-position: center;

}

Comments

[Ankhena]

Тут написаны стили от какой-то контентной картинки с изображением партнеров.
Именно так читается написанный вами код.

А на макете я вижу просто bg color какого-то блока, если в нем есть содержимое или псевдоэлемента, если нет. Либо не bg color, а кусок градиента. Поскольку макет там обрывается, то кто же его знает что там ниже в макете.

Что делать:
1. Не складывать в контейнер то, что там неудобно держать.
2. Если всё таки нужно выйти за пределы контейнера и это гладкий фон, то прибить абсолютом к правой части блока, чтобы шел налево. Направо тенью. Так не будет прокрутки и не понадобится сомнительный overflow.
3. Либо абсолют по центру и overflow.

Но эти рецепты абстрактны. Потому что не видно всей задачи. Что это за полоса вообще? Что там дальше?

Может, это вообще тень от шапки...