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

Question

[Dingger]

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


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

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

Comments

[sergski]

используйтеjustify-content: center; , но чтобы блоки были строго колонками придется задать фиксированную ширину.

Answer 1

[Виталий Першин]

Примерно так: