Struggling with Responsiveness on Mobile Grid

Design help General
1

Hi all! I am having issues with a grid on mobile. The grid can be found at the top section of the ‘our platform’ tab.

I’ve tried a lot and I just can’t seem to figure it out.

Some of the issues I am facing:
-It’s not centered and it is cutting off the screen
-The slider nav falls into a bunch of extra gray space below the slider image and text.

Any help is greatly appreciated! Thank you!

Here is my site Read-Only: https://preview.webflow.com/preview/ryplio?utm_source=ryplio&preview=e365b32d5f4593658660c53aab3bcafe

2

Hey there @dominick23 :smiley: again :wink:

The first problem is here:

41
41488×706 27.2 KB

You should change the width of this element to something else then 100vh (Maybe 100vw?)

Regarding the 2nd problem and the 1st one as well, I suggest you to not use grid. Since your design is mostly horizontal on the desktop and then vertical on the mobile, a flex element will make all those problems go away :smiley:

Check this out:

1 Like
3

Thank you for the info!

1 Like