How to align my grid table to the centre

i created a grid table which when i access it on mobile phone. it overlapped outside and my text gets cuts off.

So i had reduce the grid table width to 450 and this time when i view it on android phone its perfect but the only problem is that when i view it on laptop after changing the width to 450 the grid table alignment is to the left side but i want aligned to the centre on full webview on laptop.

Please how do i align my grid table to the centre

Add margin: 0 auto; in the grid iframe codes:

<iframe frameborder="0" scrolling="auto" style="border:none;margin: 0 auto;" src="https://www.jotform.com/grid/61501995590057" width="450" height="1080" alt="How to align my grid table to the centre Image-0" /></iframe>

The grid table is embedded in the form so you have to edit it in the form builder. 

wow>>>Yes!!!

Thank you. my problem has been solved. i am happy now.  10 stars to jotform.

Glad to hear that you are happy. On behalf of Welvin, you are welcome. Let us know if you need any help. Thank you.

But excuse me. the solution worked for every form i used it for except for this grid report on my home page. can you help me fix this one on the home page? i want it at the centre too but its not working

Please help me fix the one on my homepage above its size 450X200

On your ANNOUNCEMENT form, can you try to add the CSS codes below, please?

div#text_17 iframe {

    position: relative !important;

    left: 84px;

}

How-to-Inject-Custom-CSS-Codes

I hope this helps. If not, please do not hesitate to get back to us. Thank you.

i have solved it by cloning one of the good forms and re-adjusting all its content.

it works now.

Thank you

Glad to hear that the issue was resolved by cloning the good forms. Thank you for updating us. Have a nice day.