Solucionado
Esta es la vista en el navegador, como pueden ver, al pone un tamaño menor a 821, sigue entendiendo este valor y no los menores.
y el código está correcto:
Proyecto en Github (considerar que las modificaciones están en la branch adaptapantanlla
¡Hola Heidy!
Por lo que veo en tus imágenes, estás utilizando media queries para adaptar tu sitio web a diferentes tamaños de pantalla. Es extraño que solo te esté reconociendo un tamaño adicional y no dos.
Podrías intentar revisar si el problema está en la sintaxis de tu código. Asegúrate de que estás utilizando los operadores lógicos correctos (AND y OR) y que estás escribiendo correctamente los valores de los tamaños de pantalla.
También podrías probar a utilizar la herramienta de "Toggle device mode" en diferentes navegadores para ver si el problema es específico de uno en particular.
Si después de revisar estos aspectos aún no encuentras la solución, quizás sería útil que compartieras más detalles sobre el problema que estás experimentando.
Espero haber ayudado y buenos estudios!
Muchas gracias Rafaela, efectivamente, todo eso lo hice anoche y sigue sin funcionar, aquí grabé un video con una explicación más amplia
https://share.vidyard.com/watch/6T8foRfMRXEpffDT4G7ECW?
y este es mi repositorio https://github.com/sancarlena77/encriptadorsolicitado por si me pueden ayudar.
Lo subí a Le Pen, aquí sí funciona y es exactamente el mismo código https://prnt.sc/GaHUcwoKxUpZ voy a tener que editarlo ahí y copiarlo en mi V code
Una compañera en el chat me dio esta solución y, efectivamente, funcionó
Agregue el meta viewport asi deberia responder <meta name="viewport" content="width=device-width, initial-scale=1.0">