Как правильно позиционировать flex строку относительно другогой flex строки?

Цель - сверстать отзывчивую таблицу на flex как на схеме:


Как правильно позиционировать flex строку (с заголовками column title) относительно других flex строк ниже (ряды которые включают в себя info блоки).
Т.Е. первый и последний ряд таблицы без заголовков.

Набросок: https://codepen.io/anon/pen/RXKVwR?editors=1100
Теоретически это можно выполнить добавив к красным (div class="column") пустые (невидимые) блоки в первую и последнюю колонку и присвоить justify-content: space-between;, аналогично как с рядами ниже. Насколько это правильно?