lagudal

я бы для родителя поставил justify-content: space-between; + padding-inline-start: 0; padding-inline-end: 0;
для элемента - flex-basis: calc((100% / 3) - XXpx);
где ХХ - необходимый вам отступ.
Еще прописать медиа-запросы, если для меньших девайсов не по 3 а по 2 и 1 в ряд, соотв-но делить на 2 и 100%.

любопытно, что кроме уже упомянутого bootstrap4, а также общеизвестного foundation, только сегодня на хабре статья была с курсами по bulma, что тоже базируется на флексах.
Ну и возможно стоит посмотреть среди micro-css-frameworks, типа mini.css, да еще некоторые из подобных минималистических тоже на флексах сетки строят.