Pensando na responsividade da página, ao utilizar a altura definida em pixel neste elemento a quebra de linhas fica comprometida. Ao aumentar o zoom da página o último elemento da lista de backend fica na coluna da lista de elementos frontend. Ainda não fiz todo o curso, pode ser que esse problema seja resolvido mais adiante, mas gostaria de deixar registrado a dúvida.
.rodapePrincipal-navMap-list {
display: flex;
flex-flow: column wrap; /* Organiza em colunas e quebra para a próxima */
height: 250px;
}