I can't understand why a flexbox layout changes on a device size when you change it's visibility on other device sizes.
I have a layout setup perfectly when the visibility is across all devices. See image below:
But when i set the visibility to only be seen on tablet and mobile (turning desktop visibility off) it breaks the layout:
Is there a reason for this? Or is it a bug?
Any help would be amazing as it's confusing the life out of me!