Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
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
solução!

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.