Forms - Set as Raw HTML - Two Column Styling Not Applied

[KGoethals]

Hi

We’ve embedded HubSpot forms on our website and enabled the setting “set as raw HTML”. Our developers added external CSS, but the two columns are unfortunately not appearing. Here’s an example: https://www.equitone.com/en/contact/ You’ll see that there’s too much space between City and Postal Code, because we’re expecting two columns here.

Attached a screenshot of how the HubSpot forms looks like in HubSpot itself.

Does anyone know what we need to do in order to see the two columns like we’ve configured in HubSpot?

Thanks already for your help!

[GRajput]

Hi @KGoethals

We have shared the CSS property below just add this to your external css. Also, we have shared the screenshot of the result after using the shared CSS property - Desktop view & mobile view

@media (min-width: 767px){
form fieldset.form-columns-2{
flex-wrap: nowrap!important;
}
}
@media (max-width: 767px){
form fieldset.form-columns-2{
gap: 2px!important;
}
}

Desktop view

Moblie view

I hope this will help you out. Please mark it as Solution Accepted and upvote to help another Community member.
Thanks!