Не работает flex, в чем проблема?

Question

[Nearzev]

Я пытаюсь с помощью флекса расставить элементы , но свойство просто не применяется, но если сделать это с помощью инлайн стилей в html то всё работает

<header class="header">
        <div class="container">
            <div class="header__inner">
                <div class="logo">
                    <a href="#" class="logo__link"><img class="logo__link-img" src="img/logo.png" alt="logo"></a>
                </div>
                <div class="icons">
                    <a href="#" class="icons__serch"><img src="img/search-logo.png" alt="serch" class="icons__serch-logo"></a>
                    <a href="#" class="icons__location"><img src="img/location-logo.png" alt="location" class="icons__location-logo"></a>
                    <div class="burger-menu">
                        <nav class="menu">
                            <button class="menu__btn"></button>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </header>

body {
  min-width: 375px;
  overflow-x: hidden;
}

.header__inner {
  min-height: 69px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.container {
  padding: 0 15px;
}

Comments

[Ankhena]

свойство просто не применяется, но если сделать это с помощью инлайн стилей в html то всё работает

Из этого вы сделали вывод, что проблема во флексе?

Либо файл стилей закешировался либо вообще неверно подключен. Проверить можно на каком-то простом свойстве, например, покрасив какой-то блок в красный.

[Noder SS]

Чего именно нужно добится?

Answer 1

[robkanoff]

Проверьте, импортирован ли файл со стилями

Answer 2

[Noder SS]

Я проверил, все работает. Вероятно, ошибка в подключении