COMO ORGANIZAR OS ELEMENTOS NA PÁGINA COM FLEXBOX - HTML E CSS
ฝัง
- เผยแพร่เมื่อ 10 ก.พ. 2025
- Entendendo o flexbox você conseguirá posicionar os itens vertical e horizontalmente e assim conseguirá facilmente construir qualquer site usando apenas html e css de forma fácil.
Nesse vídeo vou te mostrar as principais propriedades do flexbox para você já conseguir aplicar em seus projetos.
Video sobre os tipos de display(block,inline e inline-block): • OS TIPOS DE DISPLAY DO...
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!! 😜👍
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.😅
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
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 .
Cara seu conteúdo e forma de explicar foi demais!!!
Ajudou demais, Eduardo. Que Deus abençoe!
explicação clara e direta, deu pra entender tudo sem dúvidas, muito obrigada!
Tô apanhando tanto nessa área de programação, mas não vou desistir
@shiryu774caso ele utilize javascript ele ta programando
Pô tbm kkkkkkkkkkkkk
Mas agora é sangue no olho
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
@@gabrielvaillant4561 meu, to a 1 semana estudando essa merda e to tomando um paaaaaaaaau pro html krl back end é mt mais facil
Não é programação, eu particularmente detesto css, mas adoro programas interfaces com outros frameworks
Desenvolvimento web não é minha praia
melhor video que vi sobre flexbox
Mano, nunca pare de fazer esses tutoriais! Sua diádica é simplesmente incrível!!!
Concordei
Obrigado pelas dicas! Finalmente consegui finalizar o projeto que estava fazendo! Ganhou +1 inscrito!
REI, IMPERADOR, PATRIOTA, GUERREIRO, OBRIGADO, MEU AMIGO.
Procurei bastante uma aula assim
Com certeza essa é a melhor de todas nesse conteúdo. Por favor, continue
Parabéns
Agora sim, a aula que eu buscava. Obrigado por compartilar.🤝
Voltei a estudar programação, depois de anos parado e esse foi o melhor vídeo que vi, referente a essas propriedades. Parabéns!
Cara, passei horas tentando posicionar uma imagem... Vou deixar um comentario pq vc me salvouuu, muito obrigado manooo!!
Aula de mestre mano! Fazendo páginas web tutorial isso não é aprofundado... Essa sua aula é de grande ajuda! Obrigado!!
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!
QUE SHOW DE AULA!
Era tudo o que eu precisava, muitíssimo obrigado.
Parabéns!
Cara... Que delícia de vídeo, na moral. Parabens entendi o q precisava
Top, era oque eu tava querendo pra organizar meu site
ÓTIMA aula. Me ajudou muito
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!
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!
🔝 Grato por compartilhar conhecimento.
Era exatamente isto que estava procurando. Obrigado!
Parabéns viu irmão? única aula que consegui entender! merece reconhecimento pela didática excelente!
Opa, valeu, que bom que gostou. Em breve terá mais videos
Alto e claro! Muito bom conteúdo, meu camarada! Tá ajudando muito!
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!
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 (:
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.
Esse foi o vídeo que mais aprendi, parabéns cara!
Parabens pelo video ajudou bastante.
muito obrigado mano,so consegui entender flex box graças a esse video
Espero que seu canal prospere mais e mais mano, a forma como você explica o conteúdo é sem igual!
grande aula eduardo!!
Você manda muito bem, aprendi muito hoje com o seu conteúdo, obrigada.
Opa, obrigado. Que bom que ajudou
Aula incrivel, estava com dificulades referente a esse assunto, material obejetivo e com linguagem simples, parabéns e não pare!
Muito interessante e muito bem explicado ! Excelente didática !
Grande explicação genial! Finalmente estou a comecar a perceber o Flex!
Boa aula mano, parabéns.
Mega aula! Parabéns irmão, muito obrigado!
Cara, você ensina muito bem
Cara que aula sensacional, meus parabens
top o vídeo, me salvou.
muito foda sua aula mano vlw mesmo
Seu video me salvou camarada, muita luz pra voce
Estava com dificuldades para entender o que o professor passou, mas depois do seu vídeo aprendi e coloquei em prática. Obrigado!
Que bom que ajudou!
Muito top sua explicação. Obrigada 👏
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 ❤
muito obrigada, foi de grande ajuda.
excelente explicação mano, ajudou muito, obrigado!
salvou minha vida, muito obrigado
Mano , te amo tmnc 1 mês de curso e nn aprendi o que aprendi em 13 min
Explicação incrível, muito simples de entender e me ajudou demais! Vlw mano!
parabéns pela aula mano, ensina muito bem
Conteúdo top d+, obrigado.
Muito foda mano, continue com as aulas!
me ajudou bastante a antender o que e uma div e uma class obrigado
PARABÉNS IRMÃO, ÓTIMO VÍDEO ME AJUDOU DEMAIS!!
Muito teu vídeo ajudou de mais
nossa,obg irmão,graças a vc fiz um trabalho aqui
Vídeo muito bom
Excelente vídeo. Parabéns
Deixando o meu like 👍
Mano esse video me salva demais quando estou com duvida, obrigado mesmo, se puder faz um video explicando sobre position. abraço
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
que explicação top!!
único lugar que encontrei exatamente o que eu queria
show man.. mais um inscrito.. hehehe
Grande ajuda mano !!
+1 inscrito muito bom ajudo muito 👍.
Bom demais.
caraca man me ajudou muito com essa aula
Mais um video sensacional !!obg
que aulãooo!
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
Maravilhosooo!!
Po me tirou mó duvida, muito obrigado
finalmente aprendi ..
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
E se eu quiser personalizar a localização da div? colocar em um lugar especifico
Top!
Uma dica, usar o Liverpool Server. Toda vez que salva o script ele atualiza a página automaticamente
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 ?
Está usando um CSS interno ?
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)
ensina muitooooooooooooo
eu te amo
E se eu quiser alinhar em posições diferentes cada div?
Cara, a div container não pode ser o body?
Por exemplo nessa parte que fica em azul, qual comando eu coloco para preenceher a borda lateral que ficou em branco?
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.
Tenho 4 imagens uma do lado da outra
Quero 2 em cima e duas em baixo
Só nao consigo entender uma coisa, essas propriedades que refere no vídeo não teria que ser aplicadas no .elemento?
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.
não funcionou no meu 😭😭
poxa, assim misturado com CSS me complica, prefiro separar
Queria saber como faz pra substituir os blocos vermelhos por image
Inserir a tag IMG, lá no HTMl, ou a background-image url no css
Img scr"aqui vice bota sua foto que tá na sua pasta" atl "a qui é o pro leitor pra cegos"
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?