KEDRIA
@KEDRIA
Начинающий верстальщик

Проблемы с размерами секции. Как решить?

Суть проблемы в том , что у меня не правильно и странно отображаются размеры на сайте , такое я впервые вижу.
HTML:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/styles.css" rel="stylesheet">
        <title>Mikocin</title>
    </head>
    <body>
        <div class="main">
            
            <section class="intro">
                <div class="wrapper">
                    <div class="intro-inner">
                        <header class="header">
                            <div class="header-inner">
                                <div class="header__logo">
                                    <img src="img/intro/intro-logo.png" alt="logo">
                                </div>
                            </div>
                        </header>
                    </div>
                </div>
            </section>
        </div>
        </body>
    </html>


CSS:
@import "smart-grid.less";
@import "fonts.less";

.reset();

.main {
    overflow: hidden;
}
 .wrapper {   
    .wrapper();
}

// Intro
.intro {
    width: 100%;
    min-height: 757px;
    background: url("../img/intro/intro-bg.png") no-repeat;
    background-size: cover;
    background-position: 45% 0;
}

5d4bbfb8e2e90001796748.jpeg

1.5 часа не могу понять в чем проблема) Размер контейнера : 1170px;
  • Вопрос задан
  • 112 просмотров
Пригласить эксперта
Ответы на вопрос 1
Daniel_T
@Daniel_T
HTML-верстальщик
По сути, ширина контейнера - 100%, а 1170 - это max-width
Теоретически, возможно у Вас экран меньше чем 1170px
Ответ написан
Ваш ответ на вопрос

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

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