'Some media query is not working on netlify, but it's working locally

I am working on a project with ReactJs, and I used media query to resize the width of my column on mobile. It works locally but it does not work on Netlify for some reasons that I don't know. What could be the cause of this?

Other CSS are working locally and on Netlify, but one is not working on Netlify it's only working locally. this one padding: 6px !important;

How do I fix this?

@media screen and (max-device-width:640px),
  screen and (max-width:640px)  {
   .startingclass,
   .endingclass {
     font-size: 1.5vh !important; # this is working
   }

  p.card-text.text-center {
   font-size: 1.9vh #this is working
  }
  .makeStyles-root-1 {
    padding: 6px !important; # this one works locally but not working on Netlify
  }

}


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source