I am working on editing a Landing page template (https://app.hubspot.com/marketplace/212484/products/airfleet/airfleet-product-page) and am struggling with the form field widths at the bottom of the page. The form is sticking to the left side of the container and no matter where I put "max-width: 100%;" or "width: 100%;" the form stays exactly where it is. I can't even center it by justifying or aligning it. Ideally, I would like the form to justify left, but fit to the width of the container.
To be completely honest - I am not a css developer and am more of a css troubleshooter, but I have had developers look at the css and they're scratching their heads as well. Their assumption is that it has something to do with "fluidity." The form css code after some customization for colors/branding looks like this:
That's exactly what I'm looking for! However, I plugged in the code you provided and it doesn't change the way the form displays. Is there a specific place I should input that?