Making forms responsive to work on phones

Ask for Help
1

Update 2: it’s actually down to the code Grist provides to embed the form, which specifies a width. I need to look in to how this can be made responsive.

Update: the problem arises when the form is embedded in my website. If I send a link in an email, the form works fine. So it’s to do with the design of the site, it seems.

I have built and tested a Grist form to collect information. On the desktop it works fine, but I was frankly a bit shocked to find that it is useless on a phone - it retains something like its desktop width. Is there a way to make it responsive?

2

Let me know if you find a generally better solution. Possibly something like style="max-width: 100%" would help? The embedding code is mostly a starting point – it’s entirely reasonable to add your custom styling depending on where it’s embedded.