How to make form content left aligned on mobile devices?

On mobile also, the content is align on the left, but normally we have center the content, how can we center the content ?

Please disable the Shrink mode of all the fields, firstly. So that, all fields will be at the center. 

Secondly, injecting the following codes to the form will be helpful:

.form-all{

  align-content: center !important;

  text-align: center !important;

}

However, it will not work for the widgets. So, you need to move the widgets one by one by injecting correct CSS codes to the widgets. 

For detailed information regarding injecting additional CSS codes to the form, please check the guides below:

https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets

https://www.jotform.com/help/75-Customize-Your-Form-Using-Custom-CSS-Codes

I hope this helps.