Struggling with Responsiveness on Mobile Grid

dominick23 · March 23, 2019, 4:08pm

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

avivtech · March 24, 2019, 7:40pm

Hey there @dominick23 again

The first problem is here:

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

Check this out:

dominick23 · March 25, 2019, 4:58am

Thank you for the info!