Где ошибка в Flexbox?

Question

[minorbourgeois]

Недавно начал изучать flexbox. Создал сетку на нем и столкнулся с проблемой. При установке в контейнере display: flex; элементы начинают отображаться вовсе по другому, я пытался переписать всё, но без понятия ошибки это плохо удавалось.
Вот код:

Я уверен ,что ошибка серьезная, но как не лазя по сайтам, сам найти ее не смог. Заранее спасибо.

Comments

[Ярослав Иванов]

И что нам с этим делать?

[Ярослав Иванов]

flexbox.help

[MagicMight]

Выложите код на https://codepen.io/pen/ и приложите рисунок с желаемым результатом.
Иначе вопрос останется без ответа

[RAX7]

3.8 https://qna.habr.com/help/rules

[Froggyweb]

ошибка в скриншоте. codepen.io (не реклама)

Answer 1

[Алексей]

Изучите поведение Флекс элементов. Направления осей. Это поможет вам понять что происходит