Dúvida sobre o projeto no navegador

Olá João!

Excelente dúvida! Isso acontece porque o seu monitor é diferente do tamanho da tela dos professores, acredito eu que você esteja utilizando um notebook, correto? Ou seja, sua tela é menor, sendo assim, os elementos, que até então estão usando tamanhos fixos(Como PX), parecem ser maiores, mas na verdade a tela é menor. É como levar um objeto grande em um carro e em um caminhão, o objeto não fica maior no carro, na verdade o carro que tem menos espaço em relação ao caminhão. O mesmo acontece com sua tela.

Mas e se eu te falasse que no CSS temos uma tecnologia que poderíamos diminuir o "objeto" de acordo com o automóvel, ou seja, você vai poder usar, levar ele em uma moto ou em um avião de carga, rs.

No CSS chamamos isso de "responsividade", e basicamente vai adaptar o elemento de acordo com o tamanho da tela, você vai aprender mais ao decorrer do curso, então por isso prefiro segurar os spoilers rs, mas o que posso adiantar é que a responsividade basicamente organiza seu site para ficar com uma experiência bacana desde o celular como no computador, como nessa imagem de exemplo:

Espero ter ajudado! Bons estudos!

Sucesso ✨