[drakonolom]

<style>
    .space-between {
       display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
   }
  </style>
<section class="container">
   <div>Другой элемент</div>
  <section class="space-between">
   <div>1</div><div>2</div><div>3</div>
  </section>
  <div>Еще другой элемент</div>
  <section class="space-between">
   <div>11</div><div>22</div><div>33</div><div>44</div>
  </section>
  <div>Совсем другой элемент</div>
</section>

нуу, впринципе да, рабочая тема. Дело в том что у меня сейчас такая структура кода:

<section class="container">
   <div class="element"></div>
<div class="element-1"></div>
<div class="element"></div>
<div class="element-2"></div>
<div class="element"></div>
<div class="element-3"></div>
</section>

обозначенные элементы можно закинуть в отдельный див с флексбоксом и от него уже потом работать Но над решением с js нужно еще подумать