Não entendi por qual motivo utilizamos a @media, pois na programação em css a gente ja está definindo o tamanho de casa divisão, tanto pra header, como para div, section, o conteudo em si, o exemplo dele que usou, a visualização em mobile com iphone X ficou meio cinza e meio branco, mas eu coloquei o mesmo modelo e nessa visualização deu certo, a logo não ficou sobre posto das opções, bom, não sei o motivo que eu utilizaria essa @media, a não ser que queira por exemplo, ao chegar em tatnos pixel, queria que se torne um menu escondido, mas isso já outra coisa.