Make a contact form column, become one column on mobile view

Hello fellow webflow users
Im facing yet another issue with my project - this time regarding a contact form in columns.

The container is hidden per default, but is called “Overlay”
On the site, if you click the “Bestil Tøj” button, a modal will appear. The form in this modal has 2 columns, and on desktop view, the form is set in the correct order, being
1 2
3 4
5 6

The issue is when i switch to mobileview, the columns will be aligned vertically, causing the order of the formfields to become

How am i able to make the formfields stay in the correct order? I’m realising that columns may not be the right way to go about creating this, but in that case, what is?
I hope i managed to explain the issue correctly.

Link: Webflow - Tryk Dit Tøj

Thanks in advance!


Here is my site Read-Only: Webflow - Tryk Dit Tøj
(how to share your site Read-Only link)

Hello there,

The most straight-forward solution in my opinion would be to simply use a grid instead of complicating things through multiple flex boxes. You can find Webflow tutorials for grid here:

Let me know if you need further assistance,
Webflow Experts at Flow Ninja Support Team.