Página de Login da Netflix | HTML e CSS

Nesse vídeo eu mostro uma maneira de fazer a página de login da Netflix usando HTML e CSS.

Aqui você pode encontrar o código feito no vídeo. Link para o repositório do GitHub:

Link para vídeo mencionado:

[patriciodiniz]

Caramba, que facilidade que você teve pra fazer. Parabéns!
Eu tinha me atrevido a tentar clonar o da Netflix também, porém ainda não possuo os conhecimentos necessários
e vim procurar alguém fazendo pra ver o processo.
Muito foda, traz mais vídeo assim hehe (mais explicativos também, se possível) 😎👍

[jacksonvinicius]

Muito bom pra treinar, como estamos em 2023 mudou um pouco o login da netflix então mudei algumas coisas ficou bem parecido, bom pra praticar. Obrigado pelo vídeo

[hyouka]

Larissa, amei seu vídeo. Você explicou muito bem o que queria fazer sendo objetiva, não enrolou e o vídeo parecia ter 5 minutos de tão entretida que eu fiquei!

[adrianorodrigues]

Muito bacana, eu inseri no css background-image: cover e meu monitor é grande, ficou só na metade da tela. Dai eu pesquisei e vi que a tag correta é background-size: cover, aí deu certo. Parabéns pelo conteúdo. Muito bom

[coxavelox]

esse foi o meu primeiro projeto, acabei de finalizar e ainda fiz umas mudanças por conta própria. Muito obrigado, sua didática é muito boa, só senti falta de você mostrar na tela o código html na hora de estilizar cada etapa no css. mas mesmo assim consegui acompanhar tranquliamente..

[oiwebsam]

Eu acabei de fazer, eu fiz os Media query para telas de celular e tablet com o chat gpt rsrsrs
Vou acompanhar todos os seus vídeos, por favor não pare nunca

[DesenvolvendoJogos]

TOP!! Muito obrigado, Larissa! Comecei estudando desenvolvimento de jogos, mas agora estou indo para Front-End, e esses tutoriais ajudam demais a por em prática oq aprendemos :)
Vlww

[periclesperesoficial]

Muito legal, curti fazer junto, bem legal pra ir estudando e aprendendo novas formas de fazer as coisas. Na parte do suporte, adicionei uma label, para ficar mais fácil de marcar a caixinha.

<div class="support">
<div class="remember">
<form>

<span><input id="lembre-se" type="checkbox" style="margin: 0px; padding: 0px; height: 13px;"></span>
<span><label for="lembre-se">Lembre-se de mim.</label></span>
</form>
</div>

[moniquenavarro]

Cada vez melhor hemmm Guria, suas dicas e aulas são nota mil! Sucesso, mais um dos seus projetos legais, done!

[neeyoliveira]

Me ajudou muito, queria fazer uma página de login mas estava com muitas dificuldades em questões como alinhamento e etc, deu muito certo, so mudei algumas coisas, show !!!

[bachelor]

Ficou show!
Refiz aqui e coloquei o Favicon da Netflix.
Queria deixar ele responsivo, mas vou ter que estudar um pouco mais pra isso rsrsrs.
Gostei do canal, vou ativar o sininho aqui, e refazer os projetos pra praticar um pouco.

[alyferjacobsen]

Oi, adorei o vídeo, adorei o resultado 😊! Só uma coisinha que eu fiquei com vontade de te avisar hehe. Sobre o position: absolute; (você não precisa usar os 4 atributos "top, bottom, left, right" usando apenas um deles já vai estar setando a posição em relação a quais dos 4 atributos você usou), recomendo você testar usar o position nesse mesmo projeto como top: 0; e left: 0;

[Kingaraujo_]

uma dica pra quem for fazer, a logo vcs diminuem ela em um editor de imagem, pq se nao o arquivo fica pesado pq o site tem q carregar a imagem em tamanho normal q seria o grande, para depois diminuir. Nao faz muito diferença para um projeto pequeno igual a esse mais se for um projeto grande faz toda diferença.

[_matheusmss]

muito bom, me ajudou em um trabalho pra facul🤙

[leosantos]

Adorei o vídeo, vou indicar pra um amigo que está iniciando na área 🙃

[Railson_Lopes]

Ficou muito bom, até copiei o seu código pra min spirar nele e fazer um site pro curso que estou fazendo de programação. Valeuzão 👍

[lucaasdesigner]

Que vídeo bacana, ensinou muito bem e consegui absover os ensinamentos e pondo em pratica, parabéns.

Novo inscrito aqui 👏👏❤️

[leandrocarneiro]

Parabéns pelo conteúdo, excelente didática tranquilo de se acompanhar afins de praticar mais. SHOW

[pretinhoilustra]

Vídeo top, parabém!!!! Da para acompanhar tranquilamente, e assim vamos aprendendo mais e praticando.

[matheusgama]

Top demais, consegui refazer o projeto aqui, parabéns larissa!