I am coding in Js and for the responsive design I created a responsible.js file:

import { css } from "styled-components";

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

For each component I wrote props in this way :

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

But I can't see the result in the console and don't know why. Did I miss something?

Thank you for any help!