Maybe I’m overthinking this, but I find the mx and my margin classes a bit confusing.
I initially thought that mx would apply margin to the top and bottom, and my to the left and right. However, it’s actually the other way around.
In my head, I was thinking you would apply to both sides, but maybe the reason its one is because they’re wrapped within the same code?