Как правильно прописать flex-box?

Question

[Артём Цымбалюк]

Здравствуйте.
Нужно расположить блоки по порядку, друг за другом, но так, что бы когда окно браузера увеличивалось, расстояние между ними тоже соответственно увеличивалось.
Думаю сделать через flex
Пока получается не совсем то, что нужно мне

А нужно мне, что бы 7 8 9 блок, во второй строке выглядели так же как 1 2 3
Codepen
Буду благодарен любому совету!

Answer 1

[Johny Smith]

если правильно понимаю вопрос то так:
https://codepen.io/anon/pen/jGbBgj не так, нет?
или так:
https://codepen.io/anon/pen/boVWdZ
(поделитесь другим ответом, тоже буду благодарен любому совету)

Answer 2

[Astrohas]

Никак!
Хотя можно накостылить пару вариантов.
1)

.astrohas {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.astrohas:after {
  content: "";
  flex: auto;
}

фактически принудительно создать псевдоэлемент который будет заполнять последнюю строку.
2) Невидимые блоки - создаете блоки (на бекенде или фронтенде) и заполняете ими для того чтобы было равновесие.
3) Указывайте фактические размеры, да и вообще, не используйте jc:sb для многострочных наборов.
Если ну очень лень подбирать маргины, делайте инлайн блоками, тоже хорошая вещь.