Почему столбец направления гибкости работает здесь, когда не указано

Question

У меня есть это HTML и CSS. Когда экран больше, чем 992 px, тогда направление изгиба будет строкой (ПО УМОЛЧАНИЮ). Но когда экран меньше, тогда элементы div отображаются в виде столбцов - с направлением изгиба column.My вопрос, почему, когда я не указал здесь, что при 992px направление flex должно быть столбец, он отображается так?

@media screen and (min-width:992px) {
    .call-outs-container {
        display: flex;
        justify-content: space-between;
    }
}

<div class="call-outs-container">
        <div class="call-out">
          <h4>Feature 1</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam obcaecati vel, placeat numquam omnis sit consectetur nobis molestias! Explicabo deserunt. Consectetur adipisicing elit. Quibusdam obcaecati vel, placeat numquam placeat numquam omnis sit consectetur.</p>
        </div>

        <div class="call-out">
          <h4>Feature 2</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam obcaecati vel, placeat numquam omnis sit consectetur nobis molestias! Explicabo deserunt placeat numquam omnis.</p>
        </div>

        <div class="call-out">
          <h4>Feature 3</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam obcaecati vel, placeat numquam omnis sit.</p>
        </div>
      </div>

Answer 1

Когда медиазапрос не применяется, у вас нет display: flex, для начала.

Итак, отображение в столбцах, но не в flex, а в блоке