1
resposta

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

1 resposta

Vinicius, boa tarde!

De fato isso pode e irá funcionar, de fato existem várias formas de resolver essa questão. O uso de um height foi escolhido por questões didáticas pelo instrutor.

Eu pessoalmente já tive que usar essa abordagem em um projeto, depende muito do projeto

Espero ter ajudado e bons estudos!