COMO ORGANIZAR OS ELEMENTOS NA PÁGINA COM FLEXBOX - HTML E CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ธ.ค. 2024

ความคิดเห็น • 120

  • @eduardojavascript
    @eduardojavascript  3 ปีที่แล้ว +23

    Se gostou, deixe seu like pra me motivar a continuar trazendo vídeo, se inscreva no canal e ative o sininho da notificação pra receber os próximos vídeos. Valeu!! 😜👍

  • @Imperiomotiva7
    @Imperiomotiva7 ปีที่แล้ว +10

    comecei a pouco tempo aprender HTML e Css e suas explicações são bem claras e parabéns pelo modo que vc ensina é bem didático.😅

  • @777klmasters
    @777klmasters ปีที่แล้ว +5

    N manjo nada de html, aprendi pouco na faculdade. Agora estou desenvolvendo dashboard no plotly e sua aula foi muito importante pra eu poder organizar os itens. Obrigado

  • @talitatoledo5570
    @talitatoledo5570 2 หลายเดือนก่อน +1

    explicação clara e direta, deu pra entender tudo sem dúvidas, muito obrigada!

  • @neandertalmoderno1894
    @neandertalmoderno1894 11 หลายเดือนก่อน +3

    Cara seu conteúdo e forma de explicar foi demais!!!

  • @Carnerex100
    @Carnerex100 9 หลายเดือนก่อน +1

    melhor video que vi sobre flexbox

  • @paralamadefusca
    @paralamadefusca 9 หลายเดือนก่อน

    QUE SHOW DE AULA!
    Era tudo o que eu precisava, muitíssimo obrigado.
    Parabéns!

  • @_doria
    @_doria ปีที่แล้ว +1

    Obrigado pelas dicas! Finalmente consegui finalizar o projeto que estava fazendo! Ganhou +1 inscrito!

  • @julianovieira3073
    @julianovieira3073 9 หลายเดือนก่อน

    Pow Eduardo..Cara incrivel ! sua didatica é sensacional ... assisti muitos videos, mas a sua explicação e o gabarito foi sensacional ! Parabens Eduardo poste mais conteudos cara . Obrigado fera!

  • @ricardomarini1881
    @ricardomarini1881 10 หลายเดือนก่อน

    Explicou quase tudo em minutos. Estou fazendo um curso a dias e tinha varias dúvidas e com sua explicação simples e didática resolveu minha ansiedade .

  • @renatomarques5019
    @renatomarques5019 ปีที่แล้ว +5

    Mano, nunca pare de fazer esses tutoriais! Sua diádica é simplesmente incrível!!!

  • @thiagoneves2181
    @thiagoneves2181 ปีที่แล้ว

    Cara, passei horas tentando posicionar uma imagem... Vou deixar um comentario pq vc me salvouuu, muito obrigado manooo!!

  • @gustavocarvalho6667
    @gustavocarvalho6667 ปีที่แล้ว

    Cara... Que delícia de vídeo, na moral. Parabens entendi o q precisava

  • @pedromonteiro7801
    @pedromonteiro7801 17 วันที่ผ่านมา

    grande aula eduardo!!

  • @Nayansousa-i8b
    @Nayansousa-i8b ปีที่แล้ว +1

    Top, era oque eu tava querendo pra organizar meu site

  • @rodrigofelipe8556
    @rodrigofelipe8556 6 หลายเดือนก่อน

    Aula de mestre mano! Fazendo páginas web tutorial isso não é aprofundado... Essa sua aula é de grande ajuda! Obrigado!!

  • @ronaldobezerra6703
    @ronaldobezerra6703 2 ปีที่แล้ว +4

    Procurei bastante uma aula assim
    Com certeza essa é a melhor de todas nesse conteúdo. Por favor, continue
    Parabéns

  • @renatonunesdemenezes
    @renatonunesdemenezes ปีที่แล้ว +1

    ÓTIMA aula. Me ajudou muito

  • @prz1ka911
    @prz1ka911 2 ปีที่แล้ว

    REI, IMPERADOR, PATRIOTA, GUERREIRO, OBRIGADO, MEU AMIGO.

  • @angenifortal9767
    @angenifortal9767 2 ปีที่แล้ว +1

    Agora sim, a aula que eu buscava. Obrigado por compartilar.🤝

  • @guilhermecunha2375
    @guilhermecunha2375 ปีที่แล้ว

    excelente explicação mano, ajudou muito, obrigado!

  • @BrunoCarvalhoBLOG
    @BrunoCarvalhoBLOG 7 หลายเดือนก่อน

    Voltei a estudar programação, depois de anos parado e esse foi o melhor vídeo que vi, referente a essas propriedades. Parabéns!

  • @Sherlos
    @Sherlos ปีที่แล้ว

    me ajudou bastante a antender o que e uma div e uma class obrigado

  • @naminenami
    @naminenami ปีที่แล้ว

    Muito obrigada pelo conteúdo! Eu estava sofrendo pra entender isso! Cheguei na metade de uma apostila de HTML e CSS e nem chegou perto da sua didática! Parabéns!

  • @ramonmontenegro6115
    @ramonmontenegro6115 ปีที่แล้ว

    Não sou de comentar, mas essa aula mereceu.
    Muito obrigado! Depois de ter rodado 1000 vídeos, só consegui pegar o assunto nesse, valeu mesmo!

  • @MarcoAurelio-cm8tx
    @MarcoAurelio-cm8tx 7 หลายเดือนก่อน +1

    🔝 Grato por compartilhar conhecimento.

  • @Swort
    @Swort 2 ปีที่แล้ว +1

    Era exatamente isto que estava procurando. Obrigado!

  • @dev.expert
    @dev.expert 5 หลายเดือนก่อน

    muito obrigado mano,so consegui entender flex box graças a esse video

  • @itsmeanna.
    @itsmeanna. 2 หลายเดือนก่อน

    Cara, você ensina muito bem

  • @martins8320
    @martins8320 ปีที่แล้ว

    Mano , te amo tmnc 1 mês de curso e nn aprendi o que aprendi em 13 min

  • @jeanpatrick6046
    @jeanpatrick6046 3 หลายเดือนก่อน

    Parabens pelo video ajudou bastante.

  • @raulleite3269
    @raulleite3269 ปีที่แล้ว +1

    Boa aula mano, parabéns.

  • @lucascarvalho7521
    @lucascarvalho7521 ปีที่แล้ว +1

    Espero que seu canal prospere mais e mais mano, a forma como você explica o conteúdo é sem igual!

  • @รลเ-ฆ4ฃ
    @รลเ-ฆ4ฃ ปีที่แล้ว +1

    Parabéns viu irmão? única aula que consegui entender! merece reconhecimento pela didática excelente!

    • @eduardojavascript
      @eduardojavascript  ปีที่แล้ว +1

      Opa, valeu, que bom que gostou. Em breve terá mais videos

  • @jefersonrouue1161
    @jefersonrouue1161 10 หลายเดือนก่อน +1

    muito foda sua aula mano vlw mesmo

  • @MundoGeeky
    @MundoGeeky 2 ปีที่แล้ว

    CSS pra aprender é só saber criar os parâmetros certos pra vc conseguir visualizar como vc fez dando um Background de outra cor e aumentando o tamanho, agora minha ficha caiu e vai ser bem mais fácil estudar isso, vlw, ótimo conteúdo.

  • @wyborn404
    @wyborn404 ปีที่แล้ว

    Cara, muito bom, bastante didático. Eu vi outros vídeos que mostravam as propriedades e os valores sem todos esses detalhes, e fez toda a diferença. Valeu e parabéns pela criação!

    • @wyborn404
      @wyborn404 ปีที่แล้ว

      Especialmente na atenção do detalhe que as propriedades align-items e justify-content se invertem ao mudar de column p/ row. Ajudou muito no meu projeto pessoal para portfólio (:

  • @Hamilton-t1p
    @Hamilton-t1p 8 หลายเดือนก่อน +1

    muito obrigada, foi de grande ajuda.

  • @melhad0_web
    @melhad0_web ปีที่แล้ว

    Seu video me salvou camarada, muita luz pra voce

  • @so_eliel_ares
    @so_eliel_ares 2 ปีที่แล้ว +2

    Alto e claro! Muito bom conteúdo, meu camarada! Tá ajudando muito!

  • @jonasmendes0
    @jonasmendes0 ปีที่แล้ว +1

    Conteúdo top d+, obrigado.

  • @VINICIUSSANTOS-qw4xv
    @VINICIUSSANTOS-qw4xv ปีที่แล้ว

    nossa,obg irmão,graças a vc fiz um trabalho aqui

  • @marcospmarinhoo
    @marcospmarinhoo 2 ปีที่แล้ว

    Esse foi o vídeo que mais aprendi, parabéns cara!

  • @adrianamagalhaes2117
    @adrianamagalhaes2117 ปีที่แล้ว

    Muito top sua explicação. Obrigada 👏

  • @Gustavo-uk3yo
    @Gustavo-uk3yo ปีที่แล้ว +44

    Tô apanhando tanto nessa área de programação, mas não vou desistir

    • @kiiing6582
      @kiiing6582 11 หลายเดือนก่อน

      @shiryu774caso ele utilize javascript ele ta programando

    • @Mari_ane_XX
      @Mari_ane_XX 11 หลายเดือนก่อน +2

      Pô tbm kkkkkkkkkkkkk
      Mas agora é sangue no olho

    • @gabrielvaillant4561
      @gabrielvaillant4561 11 หลายเดือนก่อน +5

      Mesma coisa que andar de bicicleta, início você só toma tombo se andar sem rodinhas. Depois já era, vai começar a andar sem as mãos, andar de uma roda(lá ele), fazer acrobacias, derrapar e os caramba

    • @shaolinmatadordeporco6804
      @shaolinmatadordeporco6804 9 หลายเดือนก่อน

      @@gabrielvaillant4561 meu, to a 1 semana estudando essa merda e to tomando um paaaaaaaaau pro html krl back end é mt mais facil

    • @thetraveler9622
      @thetraveler9622 9 หลายเดือนก่อน +1

      Não é programação, eu particularmente detesto css, mas adoro programas interfaces com outros frameworks
      Desenvolvimento web não é minha praia

  • @yamishawty
    @yamishawty 9 หลายเดือนก่อน +1

    salvou minha vida, muito obrigado

  • @gilmarvaz1441
    @gilmarvaz1441 ปีที่แล้ว +1

    top o vídeo, me salvou.

  • @brunafelicianogomes602
    @brunafelicianogomes602 ปีที่แล้ว

    Você manda muito bem, aprendi muito hoje com o seu conteúdo, obrigada.

  • @felipebarbosa9028
    @felipebarbosa9028 2 ปีที่แล้ว +1

    Aula incrivel, estava com dificulades referente a esse assunto, material obejetivo e com linguagem simples, parabéns e não pare!

  • @wesleyaddan
    @wesleyaddan ปีที่แล้ว

    Estava com dificuldades para entender o que o professor passou, mas depois do seu vídeo aprendi e coloquei em prática. Obrigado!

  • @idimassouza
    @idimassouza ปีที่แล้ว

    Parabéns, mano. Seu vídeo é bem didático principalmente pra quem está fazendo notas e precisa da explicação logo em seguida.
    Mais um escrito ❤

  • @yamagutilive
    @yamagutilive 2 ปีที่แล้ว

    único lugar que encontrei exatamente o que eu queria

  • @isaquelevi9366
    @isaquelevi9366 2 ปีที่แล้ว +2

    Cara que aula sensacional, meus parabens

  • @driaMuniz_Cyber
    @driaMuniz_Cyber 5 หลายเดือนก่อน

    que explicação top!!

  • @M_Goulart
    @M_Goulart 2 ปีที่แล้ว +1

    Muito interessante e muito bem explicado ! Excelente didática !

  • @BrunoSantos-zy2fu
    @BrunoSantos-zy2fu ปีที่แล้ว

    Grande explicação genial! Finalmente estou a comecar a perceber o Flex!

  • @cezarmonteiro5581
    @cezarmonteiro5581 2 ปีที่แล้ว +1

    Mega aula! Parabéns irmão, muito obrigado!

  • @djlibertario7081
    @djlibertario7081 2 หลายเดือนก่อน

    Deixando o meu like 👍

  • @Alemdoagoraa
    @Alemdoagoraa ปีที่แล้ว +1

    Muito teu vídeo ajudou de mais

  • @gustavosouza-e9f
    @gustavosouza-e9f 18 วันที่ผ่านมา

    Cara, me deu uma doideira e eu comecei a assistir conteúdos de html e css no youtube por 4 dias seguidos. Vi várias aulas de 3 a 4 horas e até fiz um "corpo" de um site, como se fosse o site de uma empresa de um jogo, ficou até que legal e eu deixei redondo na medida do possível. Porém, ainda estou longe de chegar na perfeição, eu sempre volto nas aulas que eu assisti para rever oque eu esqueci e faço melhorias nesse "projeto". Uma coisa que eu preciso melhorar é a organização, dentro do meu Index.css está tudo desorganizado, está funcional, mas está confuso. Eu nem acredito no que fiz em 4 dias visto que eu sou lerdo pra aprender e não guardo com facilidade oque aprendi, gostar do conteúdo é a melhor maneira de aprender.

  • @kevinalbuquerrque
    @kevinalbuquerrque 2 ปีที่แล้ว

    parabéns pela aula mano, ensina muito bem

  • @SAV10B0RGES
    @SAV10B0RGES 2 ปีที่แล้ว +1

    Muito foda mano, continue com as aulas!

  • @pierresanthiagolealribeiro5958
    @pierresanthiagolealribeiro5958 ปีที่แล้ว

    Explicação incrível, muito simples de entender e me ajudou demais! Vlw mano!

  • @jorgelyra987
    @jorgelyra987 2 ปีที่แล้ว

    Mano esse video me salva demais quando estou com duvida, obrigado mesmo, se puder faz um video explicando sobre position. abraço

    • @eduardojavascript
      @eduardojavascript  2 ปีที่แล้ว

      Eu não tenho um video especifico sobre position, mas nesse video aqui eu falo sobre position absolute e relative de forma detalhada: th-cam.com/video/rboSA7728kk/w-d-xo.html&ab_channel=EduardoMota

  • @Luccatfc
    @Luccatfc ปีที่แล้ว

    PARABÉNS IRMÃO, ÓTIMO VÍDEO ME AJUDOU DEMAIS!!

  • @makay_xp5779
    @makay_xp5779 2 ปีที่แล้ว +1

    Vídeo muito bom

  • @victorcesar6803
    @victorcesar6803 ปีที่แล้ว +1

    Bom demais.

  • @cabanahip-hop7205
    @cabanahip-hop7205 ปีที่แล้ว

    show man.. mais um inscrito.. hehehe

  • @avexboy3839
    @avexboy3839 2 หลายเดือนก่อน

    Grande ajuda mano !!

  • @sssouto241
    @sssouto241 2 ปีที่แล้ว

    Excelente vídeo. Parabéns

  • @edlus2
    @edlus2 ปีที่แล้ว

    +1 inscrito muito bom ajudo muito 👍.

  • @WESLAOyt
    @WESLAOyt ปีที่แล้ว

    Po me tirou mó duvida, muito obrigado

  • @PROLIIMA
    @PROLIIMA ปีที่แล้ว

    Que conteúdo bom!! me inscrevi aqui tá, se puder fazer um vídeo tanto como explicativo como esse para Display grid a comunidade agradece

  • @nossoCS
    @nossoCS 7 หลายเดือนก่อน +2

    E se eu quiser personalizar a localização da div? colocar em um lugar especifico

  • @LucasSouza-ei2ve
    @LucasSouza-ei2ve 2 ปีที่แล้ว

    caraca man me ajudou muito com essa aula

  • @gabrielsilva4938
    @gabrielsilva4938 3 ปีที่แล้ว

    Mais um video sensacional !!obg

  • @memocontini
    @memocontini ปีที่แล้ว

    finalmente aprendi ..

  • @paular.6110
    @paular.6110 2 ปีที่แล้ว

    que aulãooo!

  • @arturandrade6420
    @arturandrade6420 2 หลายเดือนก่อน

    No caso do space-around, ele coloca o mesmo espaço em cada lado das divs, ou seja, ele colocou 4 espaços iguais ao lado das divs, ele colocou um espaço antes e depois de cada div, pelo menos foi isso que entendi

  • @arturandrade6420
    @arturandrade6420 2 หลายเดือนก่อน

    Quando você colocou o aling-items: center, ele não centralizou de primeira porque não tinha espaço, certo? Por isso foi necessário colocar uma altura (height)

  • @vitorsouzasouza6699
    @vitorsouzasouza6699 11 หลายเดือนก่อน

    Maravilhosooo!!

  • @davidlongovidal2447
    @davidlongovidal2447 ปีที่แล้ว

    Muito top a explicação .
    Apenas uma pergunta , no caso pela didática a o html e o Styles css estão no mesmo corpo correto ?

  • @rafaelmendes4259
    @rafaelmendes4259 ปีที่แล้ว

    eu te amo

  • @leoshevchenko1262
    @leoshevchenko1262 8 หลายเดือนก่อน

    E se eu quiser alinhar em posições diferentes cada div?

  • @RCV_RCV
    @RCV_RCV ปีที่แล้ว

    Top!

  • @vithormatos9244
    @vithormatos9244 5 หลายเดือนก่อน

    Cara, a div container não pode ser o body?

  • @otaldohenrico5596
    @otaldohenrico5596 ปีที่แล้ว

    Por exemplo nessa parte que fica em azul, qual comando eu coloco para preenceher a borda lateral que ficou em branco?

    • @Brasil.2033
      @Brasil.2033 11 หลายเดือนก่อน

      Na verdade nao é uma borda, é que o navegador que ele usou, tem uma definicao por padrao de padding e margim; se vc colocar no css este codigo, este espaço em branco em volta do azul é preenchido:
      *{margin: 0%;}, pois ele vai setar tudo que estiver de margim na pagina para 0, e ai vc devine a margin que vc quiser para qualquer coisa.

  • @larinascimento6175
    @larinascimento6175 27 วันที่ผ่านมา

    Tenho 4 imagens uma do lado da outra
    Quero 2 em cima e duas em baixo

  • @oborgess
    @oborgess 2 ปีที่แล้ว

    Só nao consigo entender uma coisa, essas propriedades que refere no vídeo não teria que ser aplicadas no .elemento?

    • @eduardojavascript
      @eduardojavascript  2 ปีที่แล้ว

      Tem que ser no .container, pois você vai modificar um grupo de elementos que estão ali dentro. Ou seja, no momento em que você coloca "display:flex" dentro do .container, todos os elementos que estão dentro do .container irão ficar um do lado do outro, os demais elementos que estão fora do .container não irá sofrer alterção.

  • @JoyceEvellynRochaSantana
    @JoyceEvellynRochaSantana ปีที่แล้ว

    não funcionou no meu 😭😭

  • @LanaAlcântara
    @LanaAlcântara หลายเดือนก่อน

    poxa, assim misturado com CSS me complica, prefiro separar

  • @cortespowerfulurelegendado6301
    @cortespowerfulurelegendado6301 2 ปีที่แล้ว

    Queria saber como faz pra substituir os blocos vermelhos por image

    • @skygames3051
      @skygames3051 2 ปีที่แล้ว

      Inserir a tag IMG, lá no HTMl, ou a background-image url no css

    • @orhappy
      @orhappy 2 ปีที่แล้ว

      Img scr"aqui vice bota sua foto que tá na sua pasta" atl "a qui é o pro leitor pra cegos"

  • @grazielecastilho2881
    @grazielecastilho2881 3 หลายเดือนก่อน

    tu é brabo demais! to com uma duvida e ngm consegue me dar uma mao man, eu poderia entrar em contato com vc pra te mandar meu problema?