<div class="flex">
  <div class="flex-item">1</div>
  <div class="flex-item">2</div>
</div>

<div class="flex">
  <div class="flex-item">1</div>
  <div class="flex-item">2</div>
  <div class="flex-item">3</div>
</div>

<div class="flex">
  <div class="flex-item">1</div>
  <div class="flex-item">2</div>
  <div class="flex-item">3</div>
  <div class="flex-item">4</div>
</div>

<div class="flex">
  <div class="flex-item">1</div>
  <div class="flex-item">2</div>
  <div class="flex-item">3</div>
  <div class="flex-item">4</div>
  <div class="flex-item">5</div>
</div>

.flex {display:flex;justify-content:space-between;width:100%;gap:20px;margin:0 0 20px;}
.flex-item {background:#000;color:#fff;width:100%;text-align:center;padding:20px;}