Hi, there is a user display situation when using W3.CSS Responsive class with Margin class, it makes a bad display when below or equal to 600px as the width becomes (100% + 16px + 16px). To fix it, we have to check for w3-margin with w3-mobile.
/* Make W3-Margin Mobile Responsive /
@media (max-width:600px){
.w3-margin.w3-mobile {
margin-left: 0px !important;
margin-right: 0px !important;
}
}
/ End Make W3-Margin Mobile Responsive */
This is a fully working bad situation: bad.txt
And this one with the expected situation: good.txt
You have to simulate a 600px display width.
Hi, there is a user display situation when using W3.CSS Responsive class with Margin class, it makes a bad display when below or equal to 600px as the width becomes (100% + 16px + 16px). To fix it, we have to check for w3-margin with w3-mobile.
This is a fully working bad situation: bad.txt
And this one with the expected situation: good.txt
You have to simulate a 600px display width.