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

[@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 .

[@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!

[@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.

[@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.

[@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

[@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).

[@joaovitordu]

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

[@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!

[@EmanuelAgostinho-m9t]

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

[@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

[@vtrod]

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

[@walissoncarlos3708]

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

[@andreinda4453]

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

[@Ricksignos]

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

[@eliakimabneralmeida1748]

Tutorial de 21 minutos q eu fiquei umas 3 horas estudando. Mas, muito boa sua aula. Aprendi mais em 21 minutos do que um semestre na Estacio hahaha

[@raphaelsouza6808]

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

[@empreendedortriunfante]

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

[@renatodavid3762]

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

[@queziaqueren9358]

Mulher do céu ,tu explicas muito bemm

[@ezioplay2151]

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

[@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 ☺️

[@flayer2011]

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

[@marosilvv]

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

[@FelipeSantos-dq8yk]

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

[@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 💆‍♂

[@junior_firmino77]

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

[@joseruimaiasampaio6138]

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

[@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 ❤️

[@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!

[@antonyluizcechinel266]

Primeiro tutorial que eu gostei JURO

[@vz2092]

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

[@larissakich]

Muito obrigada!! Fico muito feliz em ler isso 😄

[@strikerreturns]

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 😄

[@esthersilva6952]

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

[@lifeatweb]

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

[@joaojose9404]

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

[@larissakich]

Muito obrigadaaa, fico muito feliz 😊❤️

[@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

[@paulorcc-ti]

E hoje em dia, conseguiu?

[@antoniocarlosalvarenga9423]

Top. Excelente. Muito obrigado!

[@washingtonnuness]

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

[@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

[@matheusduarte261]

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

[@jorgeissono4669]

Parabéns Larissa, magnífico.

[@adrielzin7557]

Teus videos são muito bom, parabéns

[@larissakich]

Valeu

[@antonios.oliveira9086]

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

[@brunoserraoliveira]

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

[@larissakich]

Muito obrigadaaa ☺️

[@EmillyWork]

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

[@larissakich]

Muito 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

[@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.

[@almirsilva838]

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

[@christianlessa937]

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

[@mayararocha2073]

Que Tutorial maravilhoso, parabéns !!👋

[@larissakich]

Muito obrigadaaa, que bom que gostou ❤️❤️

[@alissontomazelli]

Obrigado por compartilhar o conhecimento. top demais.

[@onlythejuice]

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

[@emersonliramonteiro]

ate salvei nos favoritos para nao perder este video

[@larissakich]

Boaaaa hehe, muito obrigada ❤️

[@marlonfernandes8369]

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

[@larissakich]

Muito obrigadaa😊☺️

[@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 😊

[@cceprebreneestrada2518]

Felicidades espero que siga adelante brindando esta informacion

[@maysabilac3439]

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

[@larissakich]

Valeuuu, que bom que gostou ❤️

[@SamuelTrigueiros]

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

[@josilenesilva3327]

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

[@oiwebsam]

vídeos perfeitos estou gostando de todos

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

[@eraldoleonardo2680]

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

[@larissakich]

Muito obrigadaaa, fico feliz que tenha gostado 😁

[@Diegoreecoba]

Essa menina precisa ganhar o mundo

[@larissakich]

Muito obrigadaaaaa🥰

[@beatrizmoraes8980]

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

[@larissakich]

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

[@lebrandao9122]

Top! Muito obrigada pelo vídeo.

[@larissakich]

Muito obrigadaaa, que bom que gostou 😊🥰

[@felipemanson7552]

Esse código serve pra que? Eu não entendi muito bem.

[@edilenenunes4740]

Parabéns pela excelente explicação!

[@dayanapassos2711]

Seus vídeo são realmente ótimos 🤩

[@larissakich]

Muito obrigado 😊

[@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.

[@vandro9370]

Olá boa noite. Tenho uma questão: O que a senhora faz antes de "codar", quais são as etapas para o desenvolvimento de uma página.

[@alberto_allianz5847]

Garota você é fera!

[@brunateles175]

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

[@elizasilva9745]

Muito bem explicado! Gostei de mais

[@hallysonrobson3819]

Parabéns, professora. ótima aula !

[@ajinacios]

Tô usando esse formulário num projeto, com as devidas adaptação.

[@flayer2011]

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

[@BrunoFutilidades]

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!

[@giovanamacedo6078]

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

[@larissakich]

Muito obrigadaa, fico muito feliz que tenha gostado 😊

[@sanjanilekamge7757]

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

[@larissakich]

Thank you, I really appreciate it ❤️

[@misaelbomfim7977]

Estou tentando entender o que rolou, o conteud é maravilhoso, like dado.

[@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."

[@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 ❤️

[@thegabrieles]

Obrigada pelo conteúdo!

[@viniciusaguilera6262]

muito pika o vídeo, parabéns

[@vitorfreire6991]

pqp muito bom vc tbm tem videos relacionados a front_end?

[@gilvannascimento442]

muito obrigado , você explica muito bem.

[@larissakich]

Muito obrigadaaa

[@marcelosilvadarocha4597]

Larissa, bom dia, parabéns pelo vídeo. eu fiz um formulário seguindo teu vídeo, porem são duas telas além da primeira tela inicial. Como faço para lincar as três telas: a primeira tela clicar no botão próximo indo para segunda tela, segunda tela clicar no botão próximo, indo para terceira tela, na terceira tela clicar no botão enviar para ser salvo em um BD? forte braço

[@thyagorigor3287]

Parabens...Voce sabe muito😁

[@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.

[@misleneferreira1216]

Qualidade perfeita do conteudo

[@isis7306]

fantástico. muito obrigada

[@daviamerico2268]

por que o space between tirou o overlap em 13:05

[@yurivicente9334]

parabéns muito informativo gostei muito

[@vitormendes7765]

Só comigo não funcionou? até baixei pelo git, mas quando fica em coluna n funciona o ''wrap'' e fica tudo em cima do outro, help pleasee

[@karolcossatis]

O meu tbm! Tentando sacar o que houve ha tempooo

[@LuizGustavo-su9tw]

Ótimo aula, bem explicado 👏👏👏

[@giovanne251]

Tu me salvou demais, obrigadão!

[@netasharichi3674]

Very informative video that’s for sharing

[@profcesarcarvalho]

show de bola, parabéns.