Olá, Isac!

Para desenvolver páginas responsivas utilizando a abordagem mobile-first, é importante considerar as larguras de tela mais comuns para cada tipo de dispositivo.

Geralmente, a largura de tela mais comum para desktops é de 1920px. No entanto, larguras de 1366px e 1440px também são bastante utilizadas, em notebooks, por exemplo, então acima de valores como 1300px .

Para tablets, a largura de tela mais comum é de 768px. Isso cobre a maioria dos tablets, apesar de ter uma certa variação de tablets, esse valor cobre bem.

Para dispositivos móveis, a largura de tela mais comum é de 375px. Essa largura é frequentemente usada para iPhones que serve como uma boa base e outros smartphones em geral.

Recomendo os seguintes artigos que selecionei, caso tenha interesse em saber mais:

• Definindo a dimensão ideal para o layout do meu site

• Resoluções de tela mais usadas em 2022

Além do site statcounter, que pode servir como fonte de pesquisa

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!