Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Lista de exercícios -5

  • Criando um repositório no GitHub Repositório

  • Fazendo upload de arquivos para o GitHub

  • &

  • Visualizando arquivos e preparando para exibição Foram feitos.

  • Hospedando seu projeto no Vercel Link do Projeto

  • Verificando a hospedagem do projeto

Verifiquei e removi os arquivos da pasta

  • Ajustes finais e verificação de responsividade

fiz esses ajustes no body recolocando o height

html,body{
    height: 100vh;
    display: flex;
    flex-direction: column; 
    /*nao necessario mais neste momento*/
    box-sizing: border-box;
    /* o box-sizing com border-box limita o conteudo a ultrapassar o limite(ficar de maior que o necessario) */
    background-color: var(--cor-secundaria);
    color: var(--cor-terciaria);
}

e flex: 1 no arquivo main para utilizar o espaço e o footer ser pressionado para baixo o que nao acontecia nos outros htmls.

.apresentacao{
    flex: 1;
    padding: 5% 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 82px;
}
1 resposta
solução!

Olá, Paulo, como vai?

Parabéns por concluir o exercício e aplicar os ajustes no layout. Seu cuidado com a responsividade e a organização do código são ótimos. Compartilhar esse processo no fórum ajuda outros alunos e enriquece a comunidade.

Continue assim. O fórum está à disposição.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!