Primeiramente, uma informação que pode ser relevante: Eu crio códigos em um monitor de resolução 1440p(QHD), o que parece dificultar um pouco na hora da responsividade.
Estou notando um comportamento que eu naõ entendo: quando eu defino a largura do header como 100vw, ou até como 100%, em algumas resoluções, como por exemplo Iphone XR (Das opções de responsividade do inpecionar elemento), o header não vai até o final. Ele fica "faltando um pedaço" do lado direito, como se ele fosse de uma largura fixa em px menor que o width da tela e alinhado à esquerda.
Outra coisa similar é que para meu background não ficar repetindo, eu precisei criar umna regra para a altura e alterar ela para um valor superior a 100% ou superior a 100vh para que meu site fique com o background gradient correto, sem acabar prematuramente e ficar se repetindo.
Podem ver o problema se usarem o Chrome, e no "inspecionar" botar a resolução de "Ihpone XR" (embora aconteça com outros, esse é o único que eu percebi esse comportamento e não alterei, para poder entenderem o que ocorre)
Link do repositório: https://github.com/AnnieAlves/Alura-Oracle-Challenge-Sprint01
Link para o deployment no GitHub: https://anniealves.github.io/Alura-Oracle-Challenge-Sprint01/
