Nossa você foi a primeira pessoa que explicou bem conceito do position relative e absolute, pelo menos de uma forma fácil de compreender para mim kkk, muito obrigada! Haha e continua com os vídeos, eu voltei a estudar a parte do front end recentemente e seus vídeos estão me ajudando muito! E concordo com a galera, acho bacana ter um grupo para o pessoal falar sobre códigos =)

8:49 Um adendo: Para que o elemento com position absolute não se relacione diretamente com a viewport, o seu parent precisa ter o position diferente de static, e não necessariamente o position relative.

Sempre tive um 'pé atrás' com os tipos de positions do CSS, mas agora tu me salvou, real oficial!! Parabéns pelo conteúdo e didática!! :D Uma sugestão de vídeo é falar sobre os tipos de unidades em css (px, vh, vw, rem, em, etc). Seria massa tb!

Uma observação do sticky é que, além dele fixar na tela durante scroll, ele irá "desgrudar" da tela assim que ele atingir um próximo elemento. Retorna a ser fixado pós rolagem novamente reversa.

Cara, você explica muito bem. Parabéns!

Parabéns! Com a sua explicação eu finalmente aprendi! Vi vários vídeos que trataram do assunto, mas não conseguiram transmitir o conteúdo com clareza! Obrigado!

Uma segunda observação é que o elemento relative ele não é baseado na posição em que ele está na página, ele é RELATIVO ao elemento anterior a ele, ou seja, em duas divs fechadas Caso essas divs recebam o atributo relative, a div que vier primeiro vai ser relativa a página, a segunda div vai ser relativa a PRIMEIRA DIV (box 1), para testar isso, basta fazer as contas: Se a página tem um height de 600px, e nessas divs você inclui um tamnho de 100 height: Body { height:600px; } .box1 { height: 100px; } .box2 { height: 100px; } e você poe um relative com um 'top' de 10%: .box1 { height: 100px; position: relative; top: 10% } .box2 { height: 100px; position: relative; top: 10%; } Isso significa que a BOX 2 vai estar 50px abaixo do elemento da PRIMEIRA DIV (box 1) O position relative pegou: (a altura total da página) 600px - 100px (altura do elemento) = 500px, de 500px ele tirou 10% = 50px, e ele fica a 50px do elemento acima dele! Em outras palavras, ele não fica a 50px da posição inicial dele, ele fica a 50px do elemento ANTERIOR a ele, afinal, se você aumentar o tamanho do elemento anterior, o espaço de 50px em relação ao elemento anterior continua, porque o elemento relative não mantém a posição inicial! OBS: Nesse caso só tratei da altura (height) para não confundir e ser mais claro.

Que amor, mdsssss. Tu é inspiração demais, Vey! Parabéns, de verdade. Sucesso demais pra tu!

Incrível o jeito como explicas e gera interesse. Mais vídeos, por favor!

Te vi no tiktok, fazendo aquele site de login belíssimo, vi seu primeiro vídeo, fui acompanhando o tutorial (ja tenho uma noção boa de html e css) e APRENDI MUITO (transition, tranform, gradient, vw, vh, responsividade). Continue produzindo esses conteúdos ricos e fáceis de aprender. Obrigado :)

Assistir um milhão de videos no youtube pra aprender isso e nunca conseguia, no video dela aprendi tão rapido que pareceu uma coisa tão facil e boba. Ela explica bem demais!

Explicação de facil entendimento, sem soberda e com muita simpatia... eu adorei.. já quero mais conteudo kkkk...

The comnt section is very positive and downright encouraging! Love it!

Muito obrigado pela explicação, difícil encontrar alguém que explica tão bem e de maneira tão cativante. Estou preso nos seus vídeos, parabéns!!

A melhor explicação de todas!! Ja tiz vários cursos de css pra tentar entender o conceito das posições, mas nunca entendia direito. Muito obrigado pelo conteúdo e pela ótima explicação!!

Muito obrigado por fazer esse video, voce me ajudou muito. O Mateus Henrique da Alurame recomendou esse video incrivel!!!!!

Meus parabéns pela forma simples e didática como você explicou. Eu tentei entender de inúmeras formas e não conseguia, mas com seu video, consegui finalmente enxergar a diferença entre absolute e relative de forma mais fácil e assim consegui dar prosseguimento no meu projeto aqui. Muito obrigado.

Muito bom seus vídeos, pq vc fala com simpatia. Cria um grupo no telegram pra todo mundo interagir 😁👍

Anotei tudinho... tinha saído da aula cheio de dúvida, assisti o vídeo e fiz os testes. Cê me ajudou muito! Deixei o like. Bom trabalho!

Meu Deusssssss q explicação, o position também era um terror pra mim, e agora entendi tudinho. Maravilhosaaaa

Cara, em 12min vc conseguiu resolver um problema q eu estou tendo já faz 3 dias. Muito bem explicado, muito obrigado!

Baita explicação, estou aprendendo agora e esse seu video ficou perfeito, deu para entender perfeitamente cada um deles. Parabéns pelo conteúdo.

A melhor explicação que já encontrei. Muito obrigado.

A sua maneira de ensinar é muito boa, direto e sem enrolação! Gostei muito do vídeo.

nunca vi em toda minha vida de aprendizado alguém ensinando de uma forma tão fácil essas coisas. está de parabéns muito obrigado entendi certinho

Parabéns pelo vídeo, em 10 minutos vc explicou tudo que precisa para saber sobre o position.

Esse tutorial me salvou, estou aprendendo agora e minha maior dificuldade era isso. Você explicou perfeitinho +1 inscrito aqui ❤

Você explica muito bem, eu não fazia ideia de como funciona os positions, muito obrigado.

ficou ótimo, eu sabia da existência desse sticky, mas nunca fui atrás para saber como funciona. Parabéns!

Olá. o meu nome é Nelson Ulombo, sou de Angola. Não te conheço mais confesso que já te amo. Muito obrigado pela simplicidade na transmissão de conhecimento, amei demais porque proporcionou o conhecimento que eu muito precisava.

Que vídeo incrível! Muito obrigado, consegui compreender perfeitamente. Voltarei aqui futuramente para agradecer novamente, quando eu conseguir meu primeiro emprego!

Meu Deus, muito obrigado mesmo por esse vídeo, eu vi vários vídeos sobre isso e todos me deixava mais confuso ainda. Já me inscrevi e deixei o like, muito obrigado mesmo!

ajudou demais, nossa estava sofrendo com absolute, agora que entedi que o elemento princpal que guarda todos os outros elementos tem que ser relativo e e os que estão dentro tem que ser absoluto, SHOWW brigadaço

Caraca! Depois de muito tempo consegui entender como que funciona o position muito obrigado mesmo

Olha, gostei muito do jeito que explica, confesso que sofri muito para entender isso, se tivessem me explicado desse jeito logo de cara não teria tanto problemas, e olha que não sou programador sou apenas um diagramador aprendiz de epub. Parabéns.

comprei um curso de um cara baita desenvolvedor, não estava bem claro o que ele explicava o mesmo usou ( 3 aulas ) para explicar isso que você explicou em 10 minutos rsrs. sua didática é ótima parabéns moça. cair de paraquedas nessa aula, meus parabéns criou um inscrito.

Nossaaaaaaaaaaaaaaaaaaaaa consegui compreender rapidinho o que não estava compreendendo a tempos sobre position, relative eabsolute, obrigado pelo conhecimento passado, mais um like e Inscrito, sucesso.

Sobre os tipos de posição eu não conhecia a posição Sticky agora sei e para que serve, e explicaste muito bem sobre a difenrencia do tipo relative com absolute coisa que me dava muita dor de cabeça. Obrigado

É uma das melhores explicações que já tive. Muito obrigado

mais um escrito sem duvida , muito obrigado mocinha pelo video , me ajudou muito estou aprendendo css !!!!!!!!!!!!!!!!!!!!!!!!!!!! super canal , melhor explicão que essa não tem !!!!!!!!!!

Poxa super entendi, fiquei com maior dúvida e tu me salvou. Tu é demais.

Melhor explicação que eu vi até agora.

Caraca, eu tava quebrando a cabeça pra entender isso e colocar no meu html, agora tudo fez sentido! thanks

Estava confuso nesta parte, mas sua explicação ajudou bastante e também gostei dessa extensão que vc comentou no vídeo e estou usando também. Muito obrigado e sucesso ao seu canal.

Finalmente sei a diferença dos positions, muito bom o vídeo, obrigada!

Parabéns!!! Sua explicação é realmente muito fácil de entender. Gostei e me ajudou demais!😊🥰

Top! Adorei sua didática! Estou iniciando em dev e com toda certeza seu canal é o um dos meus favoritos! 😘👏🏻

Video muito bom, não havia entendido esse POSITION, mas agora sim entendi. obrigado!

muito top esse vídeo, finalmente consegui entender como posicionar essas div 🤯 agora posso dormir tranquilo, uffa 😌

Tem pessoas que tem o Dom, né? meus parabéns!! Não entendia isso, e hoje com sua aula entendi! Muito obrigado, e muito sucesso pra você! Deus abençoe!

Totalmente didática! Excelente professora!!!

Ajudou muuuuito! Esse seu resumo, bem no finalzinho do vídeo, ajudou ainda mais. Muito obrigado!!!

finalmente um tutorial que não demore muito e bem explicativo para inciantes que estão començando agr assim com eu kkkk

magico como tu ensina, como tua voz cativa, e tua energia de compartilhar conhecimento tbm, mto grata estou sz

Eu trabalho com web faz uns 20 anos. Eu vi nascer o css basicamente... E tua explicação foi a primeira vez que essas questões de position do css ficaram simples de entender! Parabéns! Vou salvar teu vídeo pra passar pra todo mundo que tiver essa dúvida daqui pra frente!

Primeiro vídeo que vi seu muito bem explicado. Apaixonei ❤️

Excelente didática, parabéns! Obrigado por compartilhar o conhecimento.

Muito bom, me ajudou muito, fez parecer muito simples todas as utilidades do position, ganhou mais um escrito.

Mano, que vídeo magnífico!!!! Simplesmente perfeitoooo... Estava lutando pra tentar entender esse assunto, assisti vários vídeos e nenhum prendia minha atenção ou conseguia ser claro nas palavras. Muitoooo obrigadooo!

Nossa, já tentei tanto aprender as posições do CSS e nunca tinha entendido, vídeo muito bom, por favor continue gerando conteúdo pois são muito bons e importantes. Parabéns.

Top demais! No aguardo pros próximos vídeos !!

Que video sensational..Parabéns...

Já assisti tantos vídeos de 20min sobre esse assunto e costumo esquecer depois de um tempo, mas no seu vídeo, acredito que isso nunca mais vai acontecer. Muito obrigado e parabéns pelo conteúdo. Inscrito novo! ^_^

Finalmente alguém conseguiu me explicar definitivamente esse assunto, gratidão demais!! 👏🏻👏🏻

Uau, vi tantos videos e não entendia nada e aqui foi simples de entender ! Mdss

Simplificou muito mesmo. Obrigado pela aula. Foi muito esclarecedora.

Vídeo esclarecedor demais! Adorei a forma como foram aplicados os exemplos.

Uau! Excelente explicação! Eu já entendia ccomo funcionava, mas meu caminho foi bem árduo para aprender! Quem me dera se tivesse um vídeo com a sua explicação sobre isso na época, teria tornado minha compreensão bem mais fácil!!

Muito obrigado, esse tutorial me salvou, eu passei o dia na agonia tentando posicionar duas imagens diferentes dos lados da tela, mas sempre voltavam pro início, ou ficavam em pilha, ou coisa do tipo, até que vi a explicação...excelente explicação, muito fácil de compreender.

Melhor explicação que eu tive sobre position!!!!!!!

nossa até quem fim entendi o relative e o absolute ... obrigadaaa

Didática, dicção, conhecimnto, tudo muito perfeito. Finalmente entebdi essas "malditas" positions rsrs

Sensacional, uma das partes mais complicadas do CSS é o posicionamento e consegui entender melhor com seu vídeo

Cheguei aqui sem querer, muito bom, gratidão pela explicação

Ajudou bastante! Confesso que eu estava bem perdido neste tema e você conseguiu explicar de uma maneira clara e objetiva. Já ganhou mais um inscrito!

Super show esse video. Muito bom mesmo. Estou começando nessa jornada e entendi perfeitamente. Muito obrigado!

esse vídeo foi a luz que eu estava precisando pra entender isso

Muito bom, ótimo pra fazer um efeito parallax em página web.

Finalmente entendi position com sua explicação.Obrigado e me inscrevi no canal!

Acompanhando todos os seus vídeos! Estão surpreendentes. Além dos seus posts no Instagram, que também ajudam muito. Parabéns Gi💜

Corri do tiktok para cá!! To feliz demais de ter achado seu canal ninguém ensina assim😍😍😍

Agora eu entendi!!!!!!!! Muito obrigado por compartilhar o conhecimento.

Que incrível, estou iniciando agora em CSS ai resolvi ver sobre Position e seu video abriu minha mente kkkk o medo se tornou pequeno perto da sua explicação. Muito Obrigado.

Cliquei no vídeo sem querer. Pensei em não assistir "porque já conheço o position", acabou que eu descobri que NÃO SABIA DA METADE das propriedades, nem sabia oq era sticky kkkk. Muito obrigado, vídeo ótimo! Agora sim eu conheço as propriedades de cada position.

Muito legal ! Explicou muito bem, parabéns.

Professora Girl Coding, muito obrigado por esse video me ajudou muito , obg mesmo de coração !!!

Sensacional!!!!!!! exelente explicação... the best!!!!!!!!

Sensacional! Ótima didática. Muito obrigado!

Finalmente eu entendi🥲❤ obrigado vc explica super bem!!!♡

Cara o vídeo ficou de mais! A qualidade tá absurda👌

vc explica muito bem.. seria facilmente uma excelente professora, se já não é.. parabéns.. salve desde Cabo Verde, na África.

Vídeo muito bacana, objetivo e de fácil compreensão! Parabéns, muito bom termos mulheres criando conteúdos!

Cara...finalmente alguém q sabe oq ta falando e como passar p quem ñ sabe, entendi de cara, pq os outros complicam tanto? Gi nunca decepciona, nem sei pq fui p outros canais, parabéns

Melhor vídeo sobre position 🙏 Muito obrigado!

Muito bom o jeito que você ensina, gostei muito. Parabéns!

Muito legal!!! agora eu tenho noção sobre positions hahaha dica de conteúdo: falar sobre display: flex q eu tô apanhando aqui. Também falar essas unidades diferentes, por exemplo, esse vh (que agora eu entendi), vw, rem... nunca entendi essas medidas que não sejam px hahaha.

Mais didático impossível kkkk, agora consegui entender o bendito position e já estou amando ele kkkkk

Continua postando vídeos, você é incrível, só com 2 vídeos chegou a mãos de 800 inscritos

Maravilhoso!! parabens pelo trabalho, muito bem explicado.

Nossa...eu tava penando pra entender o position absolute. Vlw por esclarecer tudo!