So if you look at my page: http://www.liluxemiami.com/whats-my-home-worth/ you can see that the form is quite long, but I have a lot of left over width space. I already tried changing the form wrapper to max-width 100%, but that just makes the fields really wide. I actually like the current width of the form, but I'd like the form to continue on a second column of the same width to the right with the first one. That being said, I'd like this done per section. So, the "About the property" section is split into two columns, and then underneath that, you'd see the "Your contact info" section title, and two columns underneath that with that particular section's form fields. But on the mobile version of the website, I do want it to be one long form (because there really isn't enough room on such a small screen for two columns).
I know I'm asking for a lot, but basically, does anyone know any way of getting each form section to "use all the space it has available width-wise" in code?
THANKS! :D