Mão na Massa - Sugestão de Resposta - Capítulo 3 (Criando Footer e Header)

Boa noite.

Segue sugestão de resolução do exercício.

Exercício 1.

HTML:

<footer class="rodape">
        <p>Rodapé.</p>
</footer>

CSS:

<footer class="rodape">
        <p>Rodapé.</p>
</footer>

Exercicio 2.

CSS: opção 1.

apresentacao{
    padding: 5% 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

CSS: opção 2. Alterando o padding.

apresentacao{
    padding: 5% 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

Exercício 3.

CSS:

apresentacao{
    padding: 5% 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

Exercício 4.

CSS:

.cabecalho__menu__link {
    font-size:medium;
    color: #FFFFFF;
    margin: 0 10px;
    padding: 10px 15px;
    text-decoration: dotted;
}

.cabecalho__menu__link:hover {
    color: #007bff;
}

Exercicio 5.

CSS:

.cabecalho__menu__link {
      padding: 10px 15px;
  }