1
resposta

[Dúvida] [DUVIDA] Preciso de Ajuda relacionado a Responsividade de um 'Formulario'

Olá a todos, Espero que todos estejam bem.

Preciso de ajuda em como usar responsividade para mobile de meu projeto. Atualmente estou criando um projeto que é uma especie de vitrine de formularios. E eu tenho tido problema em usar responsividade nestes formularios.

Vou deixar um exemplo aqui neste link do codepen abaixo.

https://codepen.io/Rafael-Oliveira-the-typescripter/pen/vYwrmWj

Consigo desenvolver bem o formulario em tablets e desktops, já em celular ele fica muito “expremido”.

Segue imagem de como fica.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Conseguem me ajudar?

1 resposta

Oii Rafael, tudo bem?

Pra tornar seu formulário responsivo em dispositivos móveis, você pode utilizar media queries no CSS para ajustar o layout e os tamanhos dos elementos conforme a largura da tela. Ajustei seu código CSS e ajustei algumas tags no HTML que não estavam fechadas de maneira correta, e você pode acessar aqui.

Caso queria você pode fazer mais modificações que te agradem mais.

Um abraço e bons estudos.