@atumbochka

Почему не работает margin: 0 auto?

HTML:
<div class="container">
        <div class="header">
            <div class="header__nav">
                <a class="nav__link">О нашем проекте</a>
                <a class="nav__link">Наше вдохновение</a>
                <a class="nav__link">Присоединяйтесь</a>
            </div>
            <div class="header__logo">
                <h2 class="logo__text">2021 год - международный год мира и доверия!</h2>
            </div>
        </div>
    </div>

CSS:
.container {
    width: 100%;
    height: 100vh;
    max-width: 960px;
    
    float: none;
    margin: 0 auto;
    
    background-image: url("background/bg.jpg");
    background-attachment: fixed;
    background-size: cover;
}

Заранее спасибо!
  • Вопрос задан
  • 82 просмотра
Решения вопроса 1
Lord_Dantes
@Lord_Dantes Куратор тега CSS
Чат джунов t.me/developersjunior
https://codepen.io/lord-dantes/pen/OJXrQoa - по центру.

p.s У вас у container есть родитель у которого своя ширина не на 100%, расширьте его.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы