Как менять положение при адаптации?

Question

[Moro Zota]

HTML:

<header>
      <div class="container">
        <div class="main row justify-content-between align-items-center">
          <div class="col-md-auto logo">
            <img src="css/img/logo.png" alt="">
          </div>
          <menu class="col-md-auto">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
          </menu>
        </div>
      </div>
    </header>

SCSS:

.main {
  background-color: pink;
}

menu{
  display: flex;
  list-style: none;
  & li{
    margin-right: 50px;
  }
}

При уменьшении экрана, элементы встают в новые ряды, как и должно быть. А как сделать, что бы при изменении блоки прижимались к примеру к концу оси ?

Comments

[Антон Спирин]

А как сделать, что бы при изменении блоки прижимались к примеру к концу оси ?

Oсь. Вы явно что-то перепутали.

[Moro Zota]

Антон Спирин, к концу горизонтальной линии

[Антон Спирин]

Moro Zota, какой линии?)

[Moro Zota]

Антон Спирин, ну если вёрстка на flexbox, то при адаптации, как менять положение элементов
или я вообще не понимаю этого bootstrap'а

[Антон Спирин]

Moro Zota, уж не знаю, что вы понимаете, что не понимаете. Но то что доходчиво изъясняться не умеете факт.

[Модератор]

Непонятна суть вопроса. Для получения ответа поясните, в чём именно вы видите проблему, как её воспроизвести, что вы хотите получить в результате и т. д. Приведите пример на https://jsfiddle.net, наглядно демонстрирующий проблему.

[webfln]

Попытаюсь угадать. Может нужно свойство order ?

Answer 1

[Марти Макфлай]

Медиа запросами выставлять им необходимое положение для необходимых размеров экрана.