1
resposta

Sugestação para o exercício com lista de cursos no rodapé

Não achei maneira adequada de fazer uma sugestão no próprio exercício, pois existem imagens e todo o texto possui base em um HTML ligeiramente diferente, então achei melhor sugerir a mudança por aqui.

No index.html, dentro do nav .rodapePrincipal-navMap-list, existiria um div .rodapePrincipal-navMap-bloco, contendo cada um dos blocos de cursos, com seus elementos <h4/> e <a/> . Estas seriam as únicas mudanças no código HTML.

<nav class="rodapePrincipal-navMap-list">
  <div class="rodapePrincipal-navMap-bloco">
      <h4 class="navmap-list-title navmap-list-title-backend">Linguagens Backend</h4>
      <a class="rodapePrincipal-navMap-link" href="#">Java</a>
      ...
  </div>
  ...
</nav>

O flexbox.css receberia a formatação de maneira muito semelhante ao já existente, mas sem a necessidade da definição arbitrária de altura em 250px:

.rodapePrincipal-navMap-bloco {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.rodapePrincipal-navMap-list {
  display: flex;
  justify-content: space-between;
}

O resultado seria o mesmo, sem fugir do propósito do curso ou do exercício.

Abraço e obrigado pela atenção!

1 resposta

Glauco, tudo bem? É uma abordagem. Você pode enviar a sugestão, se quiser, diretamente para a equipe da Alura pelo formulário abaixo:

http://www.alura.com.br