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;
}