I'm trying to get a wider margin for medium or wider screens, but a narrower margin for small screens.
<div class="mx-sm-1 mx-md-5">content</div>
It works for medium or wider screens. But small screens get a zero margin with this. What am I doing wrong?
Here is a JSFiddle. 575px width or below has zero margin.