es mejor usar javascript, verificando window.innerwidth.
o es mejor tener la pantalla: ninguna en la consulta de medios
en términos de falta de errores y velocidad de rendimiento para situaciones simples.
por ejemplo:
puede hacer un gancho o una función que mire la pantalla a medida que cambia o puede tener una consulta de medios configurando una para bloquear y otra para mostrar ninguno.
¿Cuál es más rápido y cuál tiene menos errores?
En el caso de verificar el tamaño de la pantalla y manipular el estilo, es mejor usar solo CSS.
Si desea verificar el ancho de la ventana en JS, debe usar algo como un evento de cambio de resize adjunto a la ventana/documento. E incluso si lo envuelve en una función de rebote, cuesta cálculos costosos.
Además, existe la posibilidad de que un usuario tenga JavaScript deshabilitado y su código no funcione en absoluto.
Si por alguna razón (editar el contenido o la funcionalidad) tiene que usar JavaScript, la mejor manera es usar window.matchMedia() en lugar de la función innerWidth dentro de un evento de cambio de resize
Aquí más sobre esto: https://webdevetc.com/blog/matchmedia-events-for-window-resizes/#windowmatchmedia-to-the-rescue