Задать вопрос
@atumbochka
html

Почему не работает 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;
}

Заранее спасибо!
  • Вопрос задан
  • 3118 просмотров
3 комментария
Подписаться 1 Простой 3 комментария
Решения вопроса 1
@Lord_Dantes
https://codepen.io/lord-dantes/pen/OJXrQoa - по центру.

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Придумать альтернативный логотип к уже существующему
23 дек. 2024, в 07:27
1000 руб./за проект
3д сцены
23 дек. 2024, в 04:30
10000 руб./за проект
Разработать телеграм бота с реферальной системой, Юкассой и ChatGPT
23 дек. 2024, в 02:13
20000 руб./за проект
Ещё заказы