How to make a form mobile responsive?

There are two possible ways to make your form mobile response.

The first one is following this guide: http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive.

The second one is injecting this CSS code:

/*-----------RESPONSIVE LAYOUT-----------*/

 

.form-line.form-line-column {

width: 100% !important;

margin-left:0

}

 

.form-line{

width: 100%;    

}

 

.form-textarea,

.form-textbox,

 

.form-dropdown{

width: 100% !important;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

 

.form-label-left, .form-label-right{

width: auto !important;

}

 

.form-buttons-wrapper{

margin-left:0 !important;

}

 

.form-input {

width: 100% !important;

}

 

.form-all{

width: 75% !important;

}

 

.form-sub-label-container {

width: 100% !important;

display: block  !important;

}