Cannot Horizontally Center Nested Grids

Hello,
I’ve been trying for a whole day to center my portfolio section. Can anyone see what I’m missing? I originally tried to borrow part of a CMS grid from a cloneable but since everything broke when I pasted it in my project, I’ve basically revamped a new basic configuration using that as my starting point. I have analyzed each individual elment’s settings but it still keeps a Left orientation.

It shows here: XR Developer

Thanks for any tips.
Read only link below.


Here is my site Read-Only: LINK

https://preview.webflow.com/preview/skydeepofficial-com?utm_medium=preview_link&utm_source=designer&utm_content=skydeepofficial-com&preview=512281a8fd03a4eb147a0c9ec4dd2b78&pageId=6671c1c5d466f1b7be64ea1a&workflow=preview

Its hard to tell without actually seeing the assets.
But my guess is two things:

  1. your section holding your grid needs to have a display, flex and align, centre like in below image
    image
  2. your grids are also not individually centred and also set a max width dimension of your entire grid to 1200 pixels for example.

I have my own question for you.
How did you set up cookies for your site?

Hello. Thanks for the answer. I checked alll of the “center” settings and also the flex but its still not centered on my page. any other ideas?

To answer about the cookies, I used this cloneable cookies option: https://webflow.com/made-in-webflow/website/Finsweet-Cookie-Consent-Components-Cloneable