We're trying to launch a new landing page and we've adapted a template to get the effect we want. This brought with it a couple of issues on mobile devices, most of which we've managed to deal with. However, there are still a couple of things that we can't get to the bottom of. Here's a link to the page.
Which looks like this on a desktop:
The issues we're struggling to fix are:
1. Reducing spacing beetween blocks
As you can see here:
There is an excessive space between the first module 'What you get when sign up for our resources' and the top of the page. This looks worse on an actual mobile. This is also the case further down the page between the last block of text and the form:
This is the lesser of the issues, the main problem we're experiencing is...
2. The form position/ resizing
Basically we can't get the form to center on the page, it's always on the left hand side. Obviously this centering would need to be responsive but we can't work out what to do. The other option we'd be ok with would be for the form to match the sizes of the blocks above.
Any help would be greatly appreciated. Do let me know if you need more info.