'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 |
---|