How to make the Form responsive in mobile phones?

Olá,

Como fazer o ajuste individual dos campos de forma que fique alinhados também no celular "modo responsivo"?

No computador está ficando, mas quando abro o link do formulário no celular esta tudo desordenado como pode ser visto no print.

When I tested on iPhone, the fields Gas, UN, Valor is appearing 3 lines. Do you want them to be aligned in a single line or just want the width of the Valor text to be as same as the UN field?

We can inject custom CSS to make the field align in a single line or reduce the width of the Valor field.

I could not replicate the above as shown in your screenshot. May we know in which phone are you trying?

Looking forward to your response.

Thanks.

Sim, quero alinhar os campos em uma única linha e reduzir a largura dos campos.

Poderia me ajudar criando um codigo CSS personalizado.

Let me try this and get back to you in some time.

Thanks.

Aguardando,

muito obrigado!

Please try the CSS code below:

@media screen and (max-width: 480px){

  li[data-type="control_checkbox"]{

    padding-right: 0px !important;

    max-width:100px !important;

  }

 li[data-type="control_dropdown"]{

    max-width: 90px !important;

    padding-right: 0px;

  }

  select[data-component="dropdown"]{

    width: 70px !important;

  }

  li[data-type="control_calculation"]{

    padding-right: 0px !important;

    max-width: 80px !important;

  }

}

You can also utilize the media query for making your form responsive. But I suggest utilizing bootstrap CSS because of it easy to utilize and you can easily create responsive and website business assignment writing help uk.