Sometimes we need different margin size based on different screen size.

Ex:
m-y-3 is good for desktop, but m-y-1 is best for mobile for same div area.

Just like we have text-xs-center and text-sm-left

I think we should have similar for padding and margins.

p-xs-y-3
m-xs-y-3
m-sm-y-3
px-xs-1 px-md3-3 px-lg-5
This will make it true responsive support for margin and padding.