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
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
от 50 000 руб.
Sveak Барнаул
от 50 000 руб.
BIZMAX Москва
от 100 000 до 160 000 руб.
15 сент. 2019, в 16:40
8000 руб./за проект
15 сент. 2019, в 15:37
1000 руб./за проект