Prof. Eduardo Ariel
Socorro! São muitas telas...
Resoluções comuns podem ser classificadas em seis grandes breakpoints, mas o designer ou criativo pode trabalhar com elas da seguinte maneira - sendo bem prático na dica:
1) Defina breakpoints
<480 pixels de largura - Direcionada para primeira geração de smartphones em modo retrato.
<768 pixels de largura - Use essa condição <768px para a maioria dos tablets e smartphones de segunda geração.
>768 pixels de largura - Notebooks, desktops e televisores usarão a regra >768px.
2) Resoluções comuns que você sempre deve usar:
Entre 768 e1024 pixels - Tablets em modo paisagem deverão usar >768px e <1024px de largura.
3) Saiba para quem está projetando
Minha sugestão definitiva é usar o site https://gs.statcounter.com/screen-resolution-stats#monthly-201602-201702-bar
