I'm using cognitoforms and when i'm creating a new page for the cognito form it does not fill the whole page. It is only uses the half page.

enter image description here

Here is my style for this form

enter image description here

and the code that i paste

<div class="cognito">
<script src="https://services.cognitoforms.com/include/required"></script>
<script src="https://services.cognitoforms.com/session/script/f3f962b6-e5f0-4f6a-97df-62fc3da1dbd3"></script>
<script>Cognito.load("forms", { id: "1" });</script>

Do i need to add css to solve this problem?


Forms in Cognito Forms are designed to responsively adapt from 300 to 800 pixels, and automatically switch between one and two column layouts. They are not designed to be larger than 800 pixels wide. Of course, this is browser pixels, not device pixels, as high-DPI devices scale these automatically.

That being said I cannot tell if the form you took a picture of is actually rendering correctly and is scaled down in the picture or if something else is wrong. However, as you can see from this CodePen, your form does render correctly when embedded using the code snippet you provided:


| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.