Как правильно прописать flex-box?
если правильно понимаю вопрос то так:
https://codepen.io/anon/pen/jGbBgj не так, нет?
или так:
https://codepen.io/anon/pen/boVWdZ
(поделитесь другим ответом, тоже буду благодарен любому совету)
Никак!
Хотя можно накостылить пару вариантов.
1).astrohas {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

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