How do make my forms fit the width of the site?

I have 2 forms on my site but as my site has just been updated, the forms look too narrow on desktop view.

How do I change them to look more pleasing (and fit the new, wider site) without compromising the mobile responsiveness?

Many thanks.

Geoff

You may consider making the form 100% wide. You just need to inject the following custom CSS codes in the form:

@media only screen and (min-device-width: 1024px) {

.form-all {

    width: 100% !important;

    max-width: 100% !important;

}

}

The codes only apply to desktop view. The codes won't affect the mobile responsiveness of the form.