I’m trying to understand the behaviour of the Webflow container.
On desktop and tablet the container has a default padding of 16px left and right.
But on mobile there is no default padding. Why not?
I know that I can add padding on mobile, and then give that class name to every Webflow container, but that doesn’t make sense to me. I might as well make a div class for the whole thing.
What is the reason for the lack of padding in containers in mobile?
I’m not sure what you mean here, sorry if I’ve misunderstood. The default container has no margin or padding set. Where are you seeing the 16px left and right padding?
Actually, now that I had another look at a container element - there were never any paddings. The spaces at the sides is because the containers has a certain max-width which is different on desktop and tablet and there is no max-width on lower breakpoints.