Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Oi, Paulo! Como vai?
Agradeço por compartilhar seu código com a comunidade Alura.
Com base no que você mostrou no projeto, é legal notar que você utilizou tags semânticas como header, main e section, o que ajuda bastante na organização da página e também melhora a acessibilidade e leitura do HTML. A estrutura está clara e o uso de imagens com alt também é um ponto importante para boas práticas no desenvolvimento web.
Uma dica interessante para o futuro é utilizar o método loading="lazy" nas imagens para melhorar o desempenho da página, carregando as imagens apenas quando necessário. Veja este exemplo:
<img src="imagem.png" alt="imagem exemplo" loading="lazy">
Nesse código, loading="lazy" faz com que a imagem seja carregada apenas quando estiver próxima de aparecer na tela, ajudando a otimizar o carregamento da página.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
Legal, Rafaela! Adorei esse comando. Irei implementar. Grato!