media query

Fala @Arouca-b!

Sua solução ficou excelente!

Tenho apenas uma sugestão:

📌 Por questões semânticas, e por ser o título principal da tela, você pode substituir o <h3> por <h1>.

Ao contrário do que a maioria das pessoas pensa, a diferença entre os HTML headings não é só sobre o tamanho e peso do texto.

• As tags <h1> a <h6> são usadas para definir títulos em HTML.

• <h1> define o título mais importante.

• <h6> define o título menos importante.

• Use apenas um <h1> por página - ele deve representar o título principal de toda a página. Além disso, não pule os níveis de título - comece com <h1>, depois use <h2> e assim por diante.

Essa mudança tem pouco ou nenhum efeito visual, mas torna seu código HTML mais semântico, melhorando a otimização de SEO e também a acessibilidade do seu projeto.

Espero que ajude!

Fora isso, você fez um ótimo trabalho!