Extra Spacing on SM and XS Breakpoints

Ok, I’ve been through every custom class, checked the containers and source code and I can not figure out why I get extra spacing on the two smallest breakpoints. SM & XS.


This is the spacing on the LG and MD breakpoints.


This is the spacing on the SM and XS breakpoints.

What am I missing? Where is the extra spacing coming from?
Any assistance would be greatly appreciated.

M@

Can you send a link so we can look?

Rich the Weather Guy

Wow, Karyn you have developed an eye catching and beautifully designed website. :smiley:

Thanks.

Karyn is the client! :slight_smile:

1 Like

Hi M:

When I look at your site on my iPhone, or on my Mac, I am not seeing such large spaces?
What browser are you using?
I see “some” spaces, but for the most part, your site does not look, to me, like the pixs you posted?

Anyone else take a look?

Rich the Weather Guy

I’m using Firefox but the spaces are even present in Safari and when I use Bloc’s built-in preview tool.

Here’s a wireframe view of the unexplained space.

Below is the adjacent column to the one above with no extra space.

Is the padding for the blocs set properly at each breakpoint?

Choose XS for design, then highlight the whole bloc and check the padding setting for that bloc.

Even with the Bloc padding set to None the behaviour remains.