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

Pré Imerssão 2025

Enquanto não inicia as aulas vou treinando e aprendendo mais, tive uma certa dificuldade com a responsividade então tive que fazer uma série de modificações no .css, eu quis adicionar um logotipo ao projeto no topo para ficar mais legal e dá uma diferença claro ao meu gosto, com isso tive problemas por que em tela cheia o logotipo estava ok e em mobile o logotipo sumia para o topo então fui testando até conseguir arrumar e deu certo.

No mais vou colocar o trecho como deixei até o momento dessa aula, ficou legal, nas próximas etapas eu vou adicionar a fonte entre algumas coisas do botão para ficar legal, e vamos seguindo as orientações dos professores aos poucos e ir vendo como fica.

styles.css

header {
    text-align: center;
    padding: 10px;
    margin-top: 10px; 
}

.logo {
    width: 120px;
    height: auto;
    max-height: 80px;
}

/* Container principal */
.apresentacao {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 10px;
}
1 resposta
solução!

Oi, André!

Obrigada por compartilhar seu código com a comunidade Alura.

Gostei de como você ajustou o .css para melhorar a responsividade do logotipo. Adicionar um max-height na classe .logo foi uma boa escolha para manter a proporção da imagem.

Conte com o apoio do Fórum na sua jornada. Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓

bons estudos