Estaba tratando de usar la etiqueta de estilo para hacer que el sitio web para el que estoy trabajando sea mucho más compatible con dispositivos móviles, sin embargo, la etiqueta de estilo me estaba dando errores.

 const styleCheck = () => { return ( <div> <style> Grid { display: flex } </style> </div> ) }

La idea es que Grid es una etiqueta diferente que uso más adelante, en el valor de retorno de la función principal y, por lo tanto, quería cambiar su ubicación dependiendo de si el usuario está navegando en modo móvil o en una pantalla más grande como una computadora portátil.

Sin embargo, el programa me da un error en la display:flex . Indica que }' expected y en } justo debajo de la línea da el error: Token inesperado. ¿Quiso decir {'}'} o } ?

Podría, por supuesto, proporcionar más código si fuera necesario, pero tengo curiosidad sobre el motivo de este error en la etiqueta de estilo.