Form is different on my Weebly site

https://thegiftlistuk.weebly.com/services.html
Can you tell me why after I have put the form
On my weebly page it don’t include all the questions, it’s like the form box isn’t big enough once it’s on my weebly page
Thanks
Demi

I don't see any difference at all in the standalone form. The form box is pretty much the same.

That that your website has a fixed width so the form can't expand further than your website's default fixed width.

On a mobile phone it crops it
[cid:F8B3B05E-41DA-45CE-9DFF-85EC9AF273D6-L0-001]
Thanks
Demi
...

The form's frame height is supposed to automatically adjust to prevent cut off but this isn't happening on your embedded form. In your form's iframe embed code, please add this in the style attribute min-height: 700px; this might fix it.

Example:

Sorry I’m really confused
To get the form on my weebly site I currently just added the jotform
To my app and then logged in to my form. Should I have copied a code instead if so should this be the iframe code or the third party code for weebly?
Thanks
Demi
...

Hello Demi - You may try embedding the form using the iFrame method and see if that will work for you.

Guide: Getting-the-Form-iFrame-Code

Please do not forget to apply the minimum height mentioned by my colleague.

Please give it a try and let us know how it goes.

I think I have sorted the height out.
Do you know how I can the error background to clear, I don’t mind the highlighted message that pops up but when it changes the whole form box to a light pink you can’t see the text.
[cid:6A0EE573-8A97-41A2-8BB2-6C1385A08B73]
Thanks
Demi
...

I injected the CSS code below to your form:

.form-line-error {
    background: none !important;
}

It should remove the background color on your form.

Kindly check and see if it meets your requirements.