[Projeto] Lista de exercícios

1Personalizando o rodapé do seu site

.rodape {    
    color: #000000;
    background-color: #22D4FD;   
}

2 Ajustando o espaçamento interno da apresentação

.rodape {   
    padding: 24px;
    color: #000000;
    background-color: #22D4FD;   
}

3 Removendo o height para adaptar o layout

body {
    /* height: 100vh; */
    box-sizing: border-box;
    background-color: #000000;
    color: #F6F6F6;
}

4 Estilizando o cabeçalho com CSS

O opinião do instrutor sugere o alinhamento do cabeçalho centralizado, porém no figma, está alinha na esquerda, rente ao título "Ele seu negócio...", então adaptei o código.

.cabecalho__menu {
    justify-content: start;
    align-items: center;
    display: flex;
    margin: 20px 10px;
    padding: 5px 55px;
}

.cabecalho__menu__link {
    font-family: 'Montserrat', sans-serif;
    margin: 0 10px;   
    font-size: 24px;
    color: #22D4FD;
    text-decoration: none;
    padding: 10px 15px;
}

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

Imagem da página:

5 Ajustando o espaçamento interno dos links

.cabecalho__menu__link {
    font-family: 'Montserrat', sans-serif;
    margin: 0 10px;   
    font-size: 24px;
    color: #22D4FD;
    text-decoration: none;
    padding: 10px 15px;
}