Formulário de Cadastro RESPONSIVO (Responsive Registration Form) | HTML e CSS

Nesse vídeo eu mostro como fazer uma página de FORMULÁRIO DE CADASTRO RESPONSIVO, usando HTML e CSS.
Link para sites usados no vídeo:
Imagem: undraw.co/illu...
Fonte: fonts.google.com/
Link para repositório do GitHub:
github.com/Lar...
Instagram: @lariikich

[@jhonysilva1161]

Muito bom, coloquei na velocidade 0.75 para conseguir acompanhar o raciocínio e aprendi muito com sua aula, parabéns

[@huanfiguereido4302]

Não para de gravar vídeos, você ensina melhor que muito professor, ontem aperfeiçoei algumas coisas que eu tava custando aprender sobre Javascript vendo um vídeo seu que nem focado no tema era

[@valdeantmjovem2011]

Qual o vídeo? Kkkkkk se ainda lembra e

[@golpacto]

Muito bom! Eu evitaria o uso de e tags de título, visando uma melhor semântica para o formulário, o que é uma boa prática. Em vez de e , eu usaria e para agrupar elementos de formulário relacionados, no lugar das .

[@andrehenrique6037]

Que qualidade excepcional de vídeo! Parabéns. Por favor não pare com o seu conteúdo, ele é um serviço essencial para programadores novos (Como eu por exemplo, novo em HTML & CSS).

[@eversonkpequeno6639]

Bom demais. O próximo deveria ser como gravar as informações desse cadastro seria maravilhosa. Já está muito top!!

[@iDontHaveName-d5q]

krl os vovo tao tudo virando dev 😱😱😱😱😱

[@paulo6000]

KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK@@iDontHaveName-d5q

[@edmundojbatista]

Caramba, Larissa essa é a pimeira vez que vejo alguem explicar tao bem o css principalmente a parte da responsividade. Além de muito modesta você é fantástica! Obrigado por esse video!

[@alexandreestival6179]

Muito obrigado, assistindo seu vídeo consegui desbloquear minha mente para o html e css, eu estava com dó de criar div, eu estava criando uma div, colocava todo o conteúdo dentro dela e muita coisa não dava certo, agora criando uma div para cada conteúdo ficou muito melhor.

[@guizu5555]

mano kkkk como eu consigo errar mesmo vendo o tutorial que odio

[@joaopauloprazeres7216]

muito obrigado, me ajudou muito ! Por favor não pare com o seu conteúdo.Continue que precisamos de mais vídeos assim! trabalho incrivel.

[@joaovitordu]

muito top. Formulário profissional em poucos minutos e bem explicativo

[@empreendedortriunfante]

Excelente vídeo! Muito bem explicado e uma ótima qualidade. Continue que precisamos de mais vídeos assim!

[@MarcoAurelio-cm8tx]

Estou vendo e aprendendo com os seus vídeos. Muito bom!!! Obrigado por compartilhar seu conhecimento e votos que tenha saúde, prosperidade e felicidade!

[@vtrod]

de verdade, o melhor video explicativo de programação que ja assisti

[@nyckluck3051]

Ótimo vídeo, fiz algumas alterações no meu, mas no final deu tudo certo, continue fazendo vídeos assim, vc explica muito bem. Aliás + um inscrito 👌

[@larissakich]

Muito obrigada, assim que der vou postar mais 😊

[@MarcusVinicius-oh5uh]

Menina, vc é o cão chupando manga. Muito inteligente!

[@joaojose9404]

Sensacional, aprendi mais com seu vídeo do que com um curso 👏🏻👏🏻👏🏻👏🏻

[@larissakich]

Muito obrigadaaa, fico muito feliz 😊❤️

[@alexandrepereira7238]

Muito legal, obrigado por compartilhar! Estou começando a aprender, e conteúdos assim fazem a diferença. Abraço e sucesso.

[@larissakich]

Valeuuu, que bom que gostou ☺️

[@jaguargamesyt6183]

EI Larissa mt obg por ter feito a criação deste design, meus parabéns, espero que você continue um bom trabalho 😁, através desse mesmo design fiz umas modificações e ficou interessante

[@Ricksemmorty90]

Pronto, agora vou aprender a programar por causa da voz dessa moça, parabéns ótimo conteúdo

[@EmanuelAgostinho-m9t]

Eu amei bastante desta aula, bwé interativo e responsivo!! Ajudou Bastante..!

[@antoniocarlosalvarenga9423]

Top. Excelente. Muito obrigado!

[@gabrielcamargo3699]

Parabéns, você é muito boa ensinando! Continue!

[@larissakich]

Valeuu, que bom que gostou 😊

[@VictorHGification]

Muito bom, terminei o backend de um projeto e só precisava personalizar o front de todas as rotas do meu site, esse vídeo certamente me salvou 💆‍♂

[@ezioplay2151]

Mano que mina inteligente, devia ser mais reconhecida parabéns! Vi todos os vídeos e aprendi bastante!

[@queziaqueren9358]

Mulher do céu ,tu explicas muito bemm

[@gojosatoruwr1747]

cara vc é muito inteligente to estudando programação agora e ver vc programar dessa forma me enche os olhos , espero um dia chegar la

[@Paulo-j9q]

E hoje em dia, conseguiu?

[@washingtonnuness]

Parabéns moça, aprendi muito mais com você que em qualquer outro curso.

[@lifeatweb]

Parabéns! Simples e direto! Excelente didática!

[@FelipeSantos-dq8yk]

Excelente exemplo de projeto, espero que continue esse trabalho show debola!

[@junior_firmino77]

Olá boa noite, Larissa desde já quero te agradecer por esse vídeo top!

[@christianlessa937]

Que vídeo incrível, muito bem explicado e sem enrolação, parabéns, adorei 👏🏻

[@raphaelsouza6808]

Sua didatica é muito boa... Parabéns, me ajudou muito.

[@matheusduarte261]

Nossa, aprendo demais com esses vídeos! Muito obrigado!

[@marosilvv]

papo, muito bom esse ritimo rapido. nunca vi um tutorial brabo desse

[@flayer2011]

top de mais cada elementos pular uma linha deixou bem legal o codigo mais facil de praticar junto com vc !

[@jorgeissono4669]

Parabéns Larissa, magnífico.

[@vz2092]

Parabéns Larissa, Você explica muito bem e claro ❤️

[@larissakich]

Muito obrigada!! Fico muito feliz em ler isso 😄

[@SamuelTrigueiros]

Muito bom o vídeo, explicação bem clara e ótima didática.👏👏

[@InteligenciaJ]

Fantástico, parabéns pela explicação e o vídeo. Tudo muito bem feito, volto a repetir parabéns.

[@larissakich]

Muito muito obrigada, fico feliz ❤️

[@renatodavid3762]

seguindo pra sempre !! se ta doido CODA de maisssss . parabens !!!!

[@antonios.oliveira9086]

Larissa, parabens pelo video; muito bem didatico, nota 10!!!

[@emersonliramonteiro]

ate salvei nos favoritos para nao perder este video

[@larissakich]

Boaaaa hehe, muito obrigada ❤️

[@anatodos5217]

Foi o primeiro vídeo de html e css que eu fiz e deu certo!! Salvou meu sonhos rs estava desanimada já!

[@jacquelineellen4853]

Pode me passar seu github para comparar meu código?

[@alanrocha182]

O meu deu errado

[@walissoncarlos3708]

Obrigado pelas dicas de responsividade, ajudou de mais, seguindo agora!! Show o video!

[@lukecoura]

oi, Lari! parabéns pelo excelente vídeo! queria acrescentar duas dicas para as próximas pessoas que, assim como eu, irão se inspirar nesse trabalho para anexar o formulário ao seu próprio ao portfólio. - é recomendável a utilização de Grouping Tags, tal qual , , e no lugar das . as mesmas tem o mesmo comportamento box-level das , porém optimizam a performance da página nos macanismos de busca por serem tags semânticas. - uma boa ideia em CSS para utilização das cores que se repetem ao longo do código é guardá-las em variáveis. para declarar uma variável no CSS se utiliza a palavra ":root" seguido de dois traços e o nome da variável. exemplo: :root { --cor-de-fundo: #0c0ce94d; } é isso, essas são as duas dicas que creio que irão agregar ao código de vocês. no mais, muito obrigado pelo excelente conteúdo, Lari. um forte abraço! pra quem quiser trocar ideia sobre tech no GitHub, meu user é: lukecoura

[@larissakich]

Oii muito muito obrigada por compartilhar essas dicas, vou implementá-las ao meu projeto ❤️

[@marlonfernandes8369]

Obrigado mais uma vez! Seus vídeos são de qualidade e conteúdo!

[@larissakich]

Muito obrigadaa😊☺️

[@brazasoficial]

Muito bom o tutorial, me ajudou muito, vou continuar nesse rumo da programação pois é meu sonho, obrigado Larissa pelo vídeo detalhado.

[@larissakich]

Oii, eu quem agradeço, bons estudos 😄

[@andreinda4453]

Muito bom sanou minhas dúvidas de iniciante, muito obrigado.

[@joseruimaiasampaio6138]

Muito bom, didática muito cara, parabéns !!!

[@Diegoreecoba]

Essa menina precisa ganhar o mundo

[@larissakich]

Muito obrigadaaaaa🥰

[@mayararocha2073]

Que Tutorial maravilhoso, parabéns !!👋

[@larissakich]

Muito obrigadaaa, que bom que gostou ❤️❤️

[@antonyluizcechinel266]

Primeiro tutorial que eu gostei JURO

[@Midorya-qo9vs]

Like!

Amei o video tem muito ensinamento em uma so aula estas de parabens

[@brunoserraoliveira]

Parabéns , ótima explicação . Ganhou mais um inscrito .

[@larissakich]

Muito obrigadaaa ☺️

[@alisson1766]

Incrível como sua explicação o flexbox, pela primeira vez, fez sentido pra mim, dei até aquele sorrisinho de idiota: "aaah então é assim que usa". Eu sempre quebro a cabeça em como usar o flexbox.

[@jhonatanalves-p5t]

estou adorando suas aulas sobre criação de formulários em HTML com CSS! Gostaria de fazer uma sugestão: seria possível você ensinar em um vídeo como criar um formulário utilizando o Bootstrap? Tenho certeza de que sua aula seria extremamente interessante."

[@esthersilva6952]

mulher de TI nem é mulher, são deusas hehehe.... aulas perfeita

[@maysabilac3439]

Ameii o vídeo, me ajudou MUITOO!!! Parabéns e mt obrigada

[@larissakich]

Valeuuu, que bom que gostou ❤️

[@lebrandao9122]

Top! Muito obrigada pelo vídeo.

[@larissakich]

Muito obrigadaaa, que bom que gostou 😊🥰

[@josilenesilva3327]

Maravilhoso!! excelente explicação, parabéns!!

[@adrielzin7557]

Teus videos são muito bom, parabéns

[@larissakich]

Valeu

[@isis7306]

fantástico. muito obrigada

[@almirsilva838]

Parabéns pela aula! Ótimas explicações!

[@Herobrin11]

Que vídeo bom, aprendi muita coisa. Posta mais, pfvrr!!

[@larissakich]

Que bom que gostou, estou com pouco tempo ultimamente, mas assim que der vou postar mais 😊

[@lihpoo0]

Perfeito ❤

[@EmillyWork]

moça muito obrigadaaaaa, vc é inteligentíssima, e me ajudou mt❤️❤️❤️ sucesso

[@larissakich]

Muito muito obrigada ❤️

[@flayer2011]

Muito bom parabéns!!!! bem explicado!

[@anthonymeds4440]

Conteúdo show, deixo a sugestão de um vídeo utilizando os conceitos de mobile-first para um formulário minimalista e uma pequena integração com o backend.

[@unsouls]

Ajudou demais!!!

[@alissontomazelli]

Obrigado por compartilhar o conhecimento. top demais.

[@brunateles175]

Ameeei o vídeo, me salvou totalmente! Muito obrigada!!

[@alberto_allianz5847]

Garota você é fera!

[@giovanamacedo6078]

vídeo maravilhoso, reproduzi com algumas alterações para treinar 👏👏 parabéns

[@larissakich]

Muito obrigadaa, fico muito feliz que tenha gostado 😊

[@Brunofutilidade]

Que vídeo incrível, só fazendo uma ressalva, na resolução 320px eu utilizei esse código para deixar mais responsivo: @media screen and (max-width: 320px) { .form-header { display: flex; justify-content: space-around; } .input-box label { margin-left: 1rem; } .gender-group, .gender-title { margin-left: 1rem; } .continue-button { display: flex; margin-left: 1.8rem; width: 80%; } }

[@larissakich]

Muitoo obrigadaaa ❤️ e obrigada por compartilhar seu código!

[@eraldoleonardo2680]

Seus vídeos são perfeito, muito bem explicado.

[@larissakich]

Muito obrigadaaa, fico feliz que tenha gostado 😁

[@misleneferreira1216]

Qualidade perfeita do conteudo

[@oiwebsam]

vídeos perfeitos estou gostando de todos

[@hallysonrobson3819]

Parabéns, professora. ótima aula !

[@onlythejuice]

mt obrigado pelo vídeo, vc eh incrivel!!

[@edilenenunes4740]

Parabéns pela excelente explicação!

[@elizasilva9745]

Muito bem explicado! Gostei de mais

[@Li-rn4pp]

maravilhosa

[@Kenny_93]

Achei bem legal!

[@sanjanilekamge7757]

Great video ...❤️.really I'm happy about it

[@larissakich]

Thank you, I really appreciate it ❤️

[@bachelor9861]

Na minha classe .input-box meu margin-bottom ficou 0.5rem, pois com 1.1rem ficou saindo do form. Acho que isso depende de tela pra tela. Ótimo vídeo!

[@larissakich]

Siim, depende do tamanho da tela. E muito obrigada, que bom que gostou do vídeo ☺️

[@professorcarlos-tecnologia]

Me salvou, eu tava quebrando a cabeça kkkkk

[@bachelor9861]

@@professorcarlos-tecnologia kkkkk tb quebrei a cabeça um pouquinho.

[@jadirlopesdasilva2996]

Ola, Larissa! Antes de qualquer coisa, gostaria de agradecer-lhe pelo video muito bem detalhado. Sou iniciante e gostaria de lhe fazer uma pergunta. Quando vc diz que o formulário está responsivo ,quer dizer que vc ja consegue entrar com os dados, como e-mail,senha e etc.?

[@danieldiniz6045]

Sensacional ! Parabéns.

[@estefaneflores8615]

Ótimo vídeo!

[@dayanapassos2711]

Seus vídeo são realmente ótimos 🤩

[@larissakich]

Muito obrigado 😊

[@LuizGustavo-su9tw]

Ótimo aula, bem explicado 👏👏👏

[@ganbaatarnarangerel976]

Me ajudou muito! Otimo video!

[@larissakich]

Fico muito feliz em ter te ajudado ❤️

[@beatrizmoraes8980]

muitoo obrigada, ajudou demais. ótima explicação!

[@larissakich]

Fico muito feliz em te ajudar, eu que agradeço ❤️

[@paratinga]

nossa!!. adoreiii!!!

[@cceprebreneestrada2518]

Felicidades espero que siga adelante brindando esta informacion

[@profcesarcarvalho]

show de bola, parabéns.

[@mauricioreguete466]

Top demais...

[@gilvannascimento442]

muito obrigado , você explica muito bem.

[@larissakich]

Muito obrigadaaa

[@bukittutorial7799]

Good job Larissa

[@thegabrieles]

Obrigada pelo conteúdo!

[@frangogame896]

salvou o projeto 🙏