Aby ustawić minimalną odległość między używanymi elementami fleksograficznymimargin: 0 5px na.item imargin: 0 -5px na pojemniku. Wydaje mi się, że to hack, ale nie mogę znaleźć lepszego sposobu na zrobienie tego.

Przykład

#box {
  display: flex;
  width: 100px;
  margin: 0 -5px;
}
.item {
  background: gray;
  width: 50px;
  height: 50px;
  margin: 0 5px;
}

<div id='box'>
  <div class='item'></div>
  <div class='item'></div>
  <div class='item'></div>
  <div class='item'></div>
</div>