How to customize width of the configurable list widget?

Hello

I am trying to get some CSS code to adjust the format of the list. 

In the form below I want the first field to take up half the width of the page and the other two fill the rest

https://form.jotform.co/72897346345873

To get this result please inject the CSS codes that are given below to your form by following these steps:

1- Edit your form and click on the "Widget Settings" button of the "Configurable List" widget. Then select the "Custom CSS" tab. 

2- Finally paste these custom CSS codes to the area and then update the widget:

#listContainer{

    width: 100% !important;

}

textarea {

    width: 350px;

}