Fields on responsive form not breaking as expected

[Steveareno]

[This may be a duplication of a post I thought I'd made earlier, but I haven't been able to find it, so maybe it didn't get posted. Apologies for any confusion.]

I am setting up a responsive form for a tablet and am confused about how it orients the fields in landscape vs. portrait mode. The form is using 12 columns to give me more flexibility in how I size the data cards.

In landscape mode, the data cards break as shown below.

In portrait mode, the fields are arranged like this:

I expected the landscape mode to basically do what the portrait mode does, which is fill up the row with data cards and then break to a new row that also fills with data cards.

I'm not sure what I'm missing so any help is appreciated. 

[phipps0218]

There is a width to fit property on the data card. Can you please make sure that is enabled?

Please Accept as Solution if it solves your question. Or just give it a Thumbs Up if it is helpful because this can help others.

LinkedIn: https://www.linkedin.com/in/charlie-phipps-%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-91338715b/
YouTube: https://www.youtube.com/channel/UChmFBGU1YKIU91sNMQ7buGg
Twitter: https://twitter.com/phipps0218

[iAm_ManCat]

Your 'Columns' setting for the form - I will assume this is 4, as after the fourth field it breaks to a new line - you should either set this to 12, or insert a blank, invisible custom card after every 3rd card.

Please could you give that a try and let me know if you run into any issues,

Cheers,

[Steveareno]

I set WidthFit to "true" on each data card. This the result on the tablet in landscape:

[Steveareno]

The columns setting on the Form was 12.