Solucionado
No vídeo, o instrutor disse que baseou o min-width=768px para considerar o layout de um tablet, considerando um artigo do CSS Tricks que apresentava 768px como o menor tablet. Porém, esse artigo apresenta o tablet Nexus 7 como tendo um display de 601px.
Nesse caso, qual a prática para considerar o min-width para um layout de tablet?
hoje, com a Alura e o Google Gemini
Oi Maurício, tudo bem?
Essa é uma dúvida bem comum porque existem uma tonelada de dispositivos no mercado, então não podemos e não devemos definir pontos de interrupção (breakpoints) fixos para cada um deles.
E não podemos dizer que existe uma resolução padrão para dispositivos, mas existem alguns breakpoints comumente usados na programação diária. Se você estiver usando uma estrutura CSS (como Bootstrap, Bulma, etc.), também poderá usar seus breakpoints.
Existem alguns breakpoints comuns para larguras de dispositivos, como:
dispositivos móveisiPads, tabletstelas pequenas, laptopsdesktops, telas grandesTelas extragrandesEsses breakpoints podem diferir e não há um padrão definido exatamente, mas esses são alguns comumente usados.
Indico a leitura desse artigo que fala sobre CSS3 Media query.
Um abraço e bons estudos.