How to make all the name fields the same size?

Hello

I am trying to make 3 boxes in a row on my form.

I succeeded in using the name field and resizing the boxes to all be equal with CSS code.  But when I click "preview the form" the boxes return to the original size. 

 I suggest you remove all that CSS and replace it with this:

.form-textbox {

  width: 150px !important;

}

Here how it looks in preview:

Form URL: https://form.jotform.com/80315900863959

Let us know if you need further assistance.