[Resolved] No gap between containers on mobile

[Andrew]

I have a section on my homepage, https://tarsolutions.co.uk/, which talks about Who We Work With. On the desktop this is great, 4 containers evenly spaced in a square. However, on mobile, although the container spacings are the same, 2 of the containers overlap.

Any idea why this would happen?

Doesn’t look like I can upload screenshots within this forum so I will be grateful if you can take a look on your device.

Thanks.

[Leo]

Hi there,

Can you make sure all 4 grid container has the same settings for the desktop and mobile version?

The bottom 2 grids are missing the bottom padding for mobile I believe.

I wasn’t able to log in with this URL:
https://tarsolutions.co.uk/wp-admin/

It says “You must log in to access the admin area.”.

[Andrew]

All 4 boxes are the same (I think), so not sure why the difference in padding/margins on the mobile site. Anyway, apologies for not providing the correct login URL, it’s in the private message information.

[Leo]

This is the difference:
https://www.screencast.com/t/1RH4dcUzXGI

[Andrew]

Brilliant, many thanks, much appreciated!

[Leo]

No problem 🙂

[Author]

Posts