To tendo dificuldades com responsividade, eu quero saber porque eu não to conseguindo adaptar meu site pra essa resolução de 720x1280, teoricamente meu site deveria se encaixar bem em modo paisagem nesses celulares pois eu fiz ele em 1000px, e nessa outra resolução de 720 eu já fiz a responsividade usando a media query "@media screen and (max-width: 720px)", mas não tá dando certo. Já fiz a responsividade pra 480px também e nada do layout se encaixar em 720px. O que tá acontecendo?
Obs: eu não usei mobile first, eu sei que é melhor.
Como eu to fazendo isso pela primeira vez talvez eu esteja fazendo alguma besteira, eu vou explicar pra vocês como eu estou fazendo a responsividade, eu to começando em 854px e to indo até 320px, to fazendo uma media query embaixo da outra:
@media screen and (max-width: 854px)
{
css...
}
@media screen and (max-width: 800px)
{
css...
}
@media screen and (max-width: 720px)
{
css...
}
...
@media screen and (max-width: 320px)
{
css...
}
Eu to fazendo assim meio por intuição mesmo pois no computador, redimensionando o navegador, tá tudo funcionando, no entanto nos celulares não.