Имею дерево:
.allContainers {
display: flex;
justify-content: center;
}
.opNames {
display: inline-block;
}
<div className="allContainers">
<div className="opNames">
<div>
<span>...</span>
</div>
<div>
<span>...</span>
</div>
<div>
<span>...</span>
</div>
</div>
<div>
<div>
<span>...</span>
</div>
</div>
<div>
<div>
<span>...</span>
</div>
</div>
</div>
Мне нужно растянуть все содержимое allContainers по горизонтали, чтобы блоки всегда были центрированы и уходили вниз, если ширина экрана сужается. На данный момент контейнеры расположены так, что блок opNames растягивается вертикально, а остальные встают от него справа, контейнеры центрированы, но не прыгают вниз при сужении: