Solucionado
Olá amigos(a), meu projeto estava saindo com as mesma proporções da referencia da pagina do curso, quando abri a pagina novamente, as medidas ficaram desproporcionais com a tela. Alguém sabe como ajustar? segue as imagens para facilitar. desde já agradeço.
, 
Olá, Lucas! Se o código tá certo, pode tentar alterar o tamanho do conteúdo da página HTML usando o zoom do navegador (pressione Ctrl + - para diminuir o zoom no Windows). Pode ajustar via CSS. Por exemplo, para deixar tudo 80%:
<style>
body {
font-size: 80%;
}
</style>
Ou para aplicar zoom em toda a página (incluindo imagens e layout):
<style>
body {
zoom: 0.8;
}
</style>
Olá Karina! segui o que você falou e ficou excelente, encaixou legal no padrão 100% do navegador. Muito obrigado!
De nada, Lucas! Que bom que consegui ajudar!