Basicamente só falta finalizar o trabalho que foi iniciado, haja vista que falta somente uma propriedade a ser definida aqui, essa propriedade é o flex-wrap: wrap;
, essa propriedade utilizará a height
que foi definida para delimitar o espaço do conteúdo, fazendo com que o conteúdo sempre seja quebrado para caber dentro da height
.
.rodapePrincipal-navMap-list {
display: flex;
flex-direction: column;
height: 260px;
flex-wrap: wrap;
}