Entendendo sobre position no CSS

Поділитися
Вставка
  • Опубліковано 18 жов 2024

КОМЕНТАРІ • 485

  • @elissouza661
    @elissouza661 3 роки тому +87

    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 =)

  • @igorsilva4095
    @igorsilva4095 2 роки тому +26

    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.

  • @AntonioMirandaTeologiaReversa
    @AntonioMirandaTeologiaReversa 2 роки тому +1

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

  • @VagnerJS82
    @VagnerJS82 3 місяці тому

    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!

  • @meluiz
    @meluiz 3 роки тому +57

    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.

    • @igueiradev3711
      @igueiradev3711 3 роки тому

      muito boa a observação obrigado

    • @nicolegamer-z4j
      @nicolegamer-z4j 3 роки тому +5

      Bom, estou iniciando agora com CSS e pelos testes que fiz aqui ele continua rolando mesmo quando passa por outro elemento (passa por cima dele e continua), ele somente para quando chega no limite que dei pra ele. Exemplo, se eu coloco o elemento div la no meio da página abaixo de outros elementos e coloco um TOP nele de 100px, ele so vai parar de rolar pra cima quando chegar a 100px do top.

    • @nicolegamer-z4j
      @nicolegamer-z4j 3 роки тому +3

      A sim, agora entendi amigo obrigado. O teste que eu estava fazendo era apenas para uma div e utilizando a classe dela no CSS, ai nesse caso como so tinha ela na classe é como eu disse. EX definido top: 100px; bottom 200px; Ele só vai parar de rolar enquanto rola para baixo na página quando chegar a 200px do bottom, e ao rolar a página para cima ele somente vai parar de rolar ao chegar a 100px do top. Mas vejo que definindo ele para um seletor com varios elementos do mesmo tipo ele realmente irá parar qnd atingir o proximo elemento do mesmo tipo, oq deve ser a forma mais utilizada do sticky. Mais uma vez obrigado, com esse exemplo que vc deixou ai, ficou claro pra mim o funcionamento dele. PS: não sei pq apagou o comentário que vc me respondeu mas eu consegui ler e me ajudou, talvez tenha sido o proprio youtube mesmo que tenha apagado por vc ter colocado link externo.

    • @meluiz
      @meluiz 3 роки тому

      @@nicolegamer-z4j Que bom que entendeu. Sobre o comentário, provavelmente foi o UA-cam mesmo.

  • @bocavalheiro
    @bocavalheiro 3 роки тому +48

    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!

  • @GuilhermeSouza-mc2tn
    @GuilhermeSouza-mc2tn 2 роки тому

    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!

  • @Rafael_de_Oliveira_Dias
    @Rafael_de_Oliveira_Dias Місяць тому

    Finalmente entendi! Pesquisei em várias videoaulas e você foi a primeira a única que me fez entender. Obrigado! Ganhou +1 like e +1 inscrito!

  • @pedrocfreitas
    @pedrocfreitas 3 роки тому

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

  • @ravellevi9211
    @ravellevi9211 Рік тому

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

  • @jairofreire13
    @jairofreire13 2 роки тому

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

  • @HenriqueAndras
    @HenriqueAndras 2 роки тому

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

  • @canaldevclub
    @canaldevclub 3 роки тому

    Que video sensational..Parabéns...

  • @lorengracia
    @lorengracia 2 роки тому

    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.

  • @arthurmadureira2240
    @arthurmadureira2240 3 роки тому +1

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

  • @nelsonulombo2126
    @nelsonulombo2126 3 роки тому +1

    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.

    • @giovanna.moeller
      @giovanna.moeller  3 роки тому

      Oii!! Ahh fico feliz demais demais lendo isso 🙏🏼❤️ Muito obrigada!

    • @nelsonulombo2126
      @nelsonulombo2126 3 роки тому

      @@giovanna.moeller Disponha minha professora, você merece isso e muito mais!

  • @zedocadoco
    @zedocadoco 3 роки тому +1

    Vídeo perfeito!

  • @robertavitoria1165
    @robertavitoria1165 3 роки тому +14

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

  • @matheusseni3283
    @matheusseni3283 3 роки тому

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

  • @talde.gabriel
    @talde.gabriel 2 роки тому

    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

  • @erickoliveira2765
    @erickoliveira2765 3 роки тому

    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!

  • @p.rodrigues13
    @p.rodrigues13 9 місяців тому

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

  • @jaquelineuchoa3042
    @jaquelineuchoa3042 2 роки тому

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

  • @flaviop14
    @flaviop14 3 роки тому

    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.

  • @felipeoliveira8307
    @felipeoliveira8307 2 роки тому

    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.

  • @warleysantosbr
    @warleysantosbr Рік тому

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

  • @jovemgabe
    @jovemgabe 3 роки тому

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

  • @LeandroSilva-mw5yl
    @LeandroSilva-mw5yl 2 роки тому

    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

  • @lidiocortez6354
    @lidiocortez6354 Рік тому

    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

  • @igortrentini6998
    @igortrentini6998 3 роки тому +18

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

  • @LofiCozyCorner
    @LofiCozyCorner 2 роки тому +1

    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!

  • @thiagomonteiromarques285
    @thiagomonteiromarques285 Рік тому

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

  • @silmarab6980
    @silmarab6980 Рік тому

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

  • @leftoverture1976
    @leftoverture1976 3 роки тому

    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.

  • @YTmardedicado
    @YTmardedicado 2 роки тому

    Totalmente didática! Excelente professora!!!

  • @rodrigorocha8741
    @rodrigorocha8741 Рік тому

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

  • @VitoriaOliveira-cd3ep
    @VitoriaOliveira-cd3ep 2 роки тому

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

  •  2 роки тому

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

  • @nicchonsanchez7688
    @nicchonsanchez7688 2 роки тому

    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.

  • @vanessamonteiro454
    @vanessamonteiro454 Рік тому

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

  • @guipython
    @guipython 2 роки тому

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

  • @JoelsonMedeiros
    @JoelsonMedeiros 2 роки тому

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

  • @menteerguida
    @menteerguida 2 роки тому

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

  • @folleyy
    @folleyy 2 роки тому

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

  • @medeirosbrendon
    @medeirosbrendon 3 роки тому

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

  • @Baaaankai
    @Baaaankai 2 роки тому

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

  • @emirfadul
    @emirfadul 2 роки тому

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

  • @vitordantas7792
    @vitordantas7792 2 роки тому

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

  • @assenchupray6361
    @assenchupray6361 3 роки тому +4

    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 :)

  • @h.olivei141
    @h.olivei141 3 роки тому +1

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

  • @juniormelo6468
    @juniormelo6468 3 роки тому +2

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

  • @CarlosDaniel_24
    @CarlosDaniel_24 2 роки тому +1

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

  • @wydrianmatheus3802
    @wydrianmatheus3802 2 роки тому

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

  • @camilocosta8902
    @camilocosta8902 2 роки тому

    Muito legal ! Explicou muito bem, parabéns.

  • @romario5627
    @romario5627 2 роки тому

    Que didática incrível! Parabéns!

  • @euph0ria_aesthetics328
    @euph0ria_aesthetics328 2 роки тому

    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!

  • @flythvieira
    @flythvieira 3 роки тому

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

  • @raphaeljovino7599
    @raphaeljovino7599 2 роки тому

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

  • @fabiohenrique8430
    @fabiohenrique8430 2 роки тому

    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!

  • @RodrigoSilva-iz4cy
    @RodrigoSilva-iz4cy 3 роки тому

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

  • @marcosbarros883
    @marcosbarros883 2 роки тому

    Sensacional! Ótima didática. Muito obrigado!

  • @lfmarx1
    @lfmarx1 3 роки тому

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

  • @XRproxyRX
    @XRproxyRX 3 роки тому

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

  • @Temdetudo.01
    @Temdetudo.01 Рік тому

    Maravilhoso!! parabens pelo trabalho, muito bem explicado.

  • @letres3827
    @letres3827 3 роки тому

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

  • @wilsonnascimento279
    @wilsonnascimento279 2 роки тому

    TOP! Assisti e gostei da explicação.

  • @sophiafiama8493
    @sophiafiama8493 3 роки тому

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

  • @oneblackchannel9041
    @oneblackchannel9041 3 роки тому

    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.

  • @diegopescocim
    @diegopescocim 2 роки тому

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

  • @renanaguiars
    @renanaguiars 2 роки тому

    Didática excelente, parabéns!

  • @marcosoliveira8202
    @marcosoliveira8202 3 роки тому

    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.

  • @mauricioporfirio8072
    @mauricioporfirio8072 3 роки тому +1

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

  • @DaviLuiz-tg4hw
    @DaviLuiz-tg4hw Рік тому

    muito obrigado pela aula, ajudou muito. eu estava com dificuldade

  • @ivancasagrande9715
    @ivancasagrande9715 2 роки тому

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

  • @14guinho
    @14guinho 2 роки тому

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

  • @rdyrodney
    @rdyrodney 3 роки тому +36

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

  • @willgtr
    @willgtr 3 роки тому

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

  • @fcorrea2026
    @fcorrea2026 3 роки тому

    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.

  • @aleevasconcelos
    @aleevasconcelos 2 роки тому

    Muito bom mesmo, parabéns pelo vídeo e explicação.

  • @enissonlemos5080
    @enissonlemos5080 3 роки тому

    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!

  • @hanierimadureira7660
    @hanierimadureira7660 2 роки тому

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

  • @DaviSantos-cw5xr
    @DaviSantos-cw5xr 2 роки тому

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

  •  3 роки тому

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

  • @devmoraes
    @devmoraes Рік тому

    Parabéns você foi ótima, já tinha visto algumas aulas sobre position mas não tão bem explicadas desse jeito, espero que você traga mais aulas de css para nós

  • @_gama_nathan
    @_gama_nathan 3 роки тому

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

  • @elieloliveira5750
    @elieloliveira5750 2 роки тому

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

  • @rodrigomiguel4381
    @rodrigomiguel4381 2 роки тому

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

  • @Andre6420
    @Andre6420 3 роки тому

    Top objetivo, bem exemplificado e claro.

  • @THIAGOKSR1
    @THIAGOKSR1 2 роки тому

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

  • @menotaime1719
    @menotaime1719 3 роки тому

    muito boa sua didática , foca que você vai longe , tenho certeza

  • @K1ngstream1
    @K1ngstream1 2 роки тому

    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.

  • @gabrieldeoliveira4131
    @gabrieldeoliveira4131 3 роки тому

    Nossa muito boa explicação, nice demais, obrigado me ajudou a entender.

  • @anyone9400
    @anyone9400 2 роки тому

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

  • @ricsilva
    @ricsilva 2 роки тому

    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!

  • @_renatoleal
    @_renatoleal 2 роки тому

    Parabéns. Ótimo vídeo! Entendi perfeitamente!!!

  • @wow.angelyous
    @wow.angelyous 2 роки тому

    Agora abriu a mente. Agradeço pelo vídeo !

  • @dcassis
    @dcassis 7 місяців тому

    Excelente didática, finalmente entendi. Obrigado

  • @thekaburin
    @thekaburin 2 роки тому

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

  • @lailaserafim2495
    @lailaserafim2495 3 роки тому

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

  • @hendersonabreu4968
    @hendersonabreu4968 2 роки тому +1

    Tinha parado os estudos e retornei a 4 meses com gás total! E vc está de parabéns pela simplicidade da explicação!
    Vc faz parte do grupo do B7Web? Acho que já a vi por lá!
    Um abraço!