Não seria melhor encapsular cada mapa de curso em um container separado?

Na aula de posicionamento do mapa de curso foi colocado na classe:

rodapePrincipal-navMap-list {
    height: 250px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

E o posicionamento funcionou correto. O problema que vejo está justamente no tamanho. Pois o flex wrap vai justamente jogar para o lado se não houver espaço embaixo, mas o que acontece se houver espaço. O h1 do mapa do curso vai ficar embaixo:

https://imgur.com/0QWkJ11

No caso se o height for 266px ou maior o wrap vai colocar qualquer coisa que couber embaixo.

Se eu fosse fazer esse footer não colocaria a altura, mas encapsularia cada mapa de curso em uma div separada, até para ficar mais organizado e aplicaria os flex para poder organizar direito