Issue with grid not being responsive on mobile

I created a container with a grid inside of it. I made the container with relative positioning and manually positioned it so the grid would be larger and in the middle of my screen. but when i preview it on mobile it is not responsive and i see the screenshot attached.

i know im doing something simple wrong on the grid positioning. any help is greatly appreciated! thanks!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

Hello @ChrisC

Can you share your read-only link?

Piter :webflow_heart:

https://ultra-high-maintenance-corp.webflow.io/ Sure, Is this the link you mean? thanks!

Hi Chris, here’s the information again on how to acces and share a read-only link Share a read-only link | Webflow University. The link you shared is your webflow domain link. The read-only link allows us to look at your settings so it’s easier to see what’s going wrong.

ahhh gotcha thanks! here it is:
https://preview.webflow.com/preview/ultra-high-maintenance-corp?utm_source=ultra-high-maintenance-corp&preview=14e1f0187d3614d33150805d539d7c67

1 Like

You need to manually change the grid and position the elements the way you want.

See here > https://www.loom.com/share/0b3412c196234155a8f670b2dca87931

Hope this helps :webflow_heart:

2 Likes

You are awesome that was perfect thank you sir!!! :smiley:

1 Like

Happy to help :webflow_heart: