Estoy codificando en Js y para el diseño receptivo creé un archivo responsable.js:

 import { css } from "styled-components"; export const mobile = (props) => { return css` @media only screen and (max-width: 380px) { ${props} } `; };

Para cada componente escribí accesorios de esta manera:

 ${mobile({height: "20vh"})}

Pero no puedo ver el resultado en la consola y no sé por qué. ¿Me he perdido algo?

¡Gracias por cualquier ayuda!