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:
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