How do I get fields to appear below in two rows?

When I have too many fields that it goes across the page, how do I get fields to appear below in two rows? - see Screenshot for an example of what I would like this to look like, and to get the second row ('Trade-In' and 'Amount Traded-in) to appear directly under 'Description'

That would be possible by injecting Custom CSS codes to the Configurable List widget in your form that is shown in your screenshot.

How-to-Inject-CSS-Codes-to-Widgets

You may also find this guide helpful in making the Configurable List widget in your form mobile responsive. — How-to-Make-the-Configurable-List-Widget-Mobile-Responsive

If that will not work for you, please let us know so we can help you with the CSS codes needed to meet the requirements shown in the screenshot you shared.

Are you able to please help me with what the CSS code would be?

I believe that you are referring to the form https://form.jotform.co/90778586058878 in your account. As I check the form, the configurable list widget for the field 'Assets purchased' seems to be different from the screenshot that you have provided on this thread. Did you remove the fields from the configurable list widget? If you are referring to a different form or widget on the form, please let us know the form ID/URL or the field name so that we can assist you further.

Thanks!