Вот решение, использующее ImmutableJS, где items
- это неизменяемый список, а size
- необходимый размер группировки.
const partition = ((items, size) => {
return items.groupBy((items, i) => Math.floor(i/size))
})
Удалить элемент header-fixed-flex и применить этот стиль к header_nav
width: 100%;
top: 0;
left: 0;
position: fixed;
z-index: 100;
display: flex;
justify-content: space-between;
Действительно сложно определить, чего вы хотите от вашей записи без предоставленного дизайна или каркаса, но я изначально предполагаю, что все происходит не так, как вы ожидаете, потому что .header-fixed-flex
имеет только одного ребенка. Так что, возможно, установка flex: 1
или просто width: 100%
на .header_nav
заставит все работать так, как вам нравится.