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>
Предметно я бы полностью сделал свою разметку и выкинул этот говнокод
Пример занимательный, но только "поиграться", не для прода.