How to arrange blocks in columns of 5 pieces?

Question

css

I hung over such a problem - there is a dynamic number of blocks, you need to arrange them 5 pieces in a column, the next ones go to the next column and so on. PS This is a menu block with an absolute list, if that matters.
I'm trying to do so

.menu-block{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.items{
height: 20%;

This one almost works, but for some reason the block does not expand as much as it should, please help, what is the error?

Answer 1

So?
https://codepen.io/nanto-work/pen/eXYLwz

Answer 2

look at the blue block in the styles, the width is probably indicated. If it is specified, the block will not stretch