3. В процессе создания вопроса пользователь Сервиса обязан:
3.8. Использовать для демонстрации фрагментов кода только специальный тег < code > или специальные демонстрационные ресурсы (например, JsFiddle - https://jsfiddle.net/ ). Размещение фрагментов кода в виде изображений запрещено.
- т.е. header вы назвали header-section, а вложенный контейнер .header? Где логика?
вы написали, Логотип - это самостоятельный блок, так почему у него 2 класса, а не один logo?
.header > .header__logo.logo
и
.footer > .footer__logo.logo
.logo { какие-то стили }
.header__logo { margin-left: 20px; }
.footer__logo { margin-left: 100px; }
ну и лого h2
<div class="block">
<div class="container"><!-- вот это -->
<div class="block__element">
</div>
</div>
</div>
Предметно я бы полностью сделал свою разметку и выкинул этот говнокод
а вы мне пытаетесь доказать безысходность использования слик.
Зачем красить фон слайдов
Вы наверно и про отрицательные маржины не слышали, для компенсанции отступов по краям.
либо придется прибегать к дополнительным ухищрениям для компенсации этих отступов. Иногда проще сразу сделать npm install tiny-slider и всё.