COMO ORGANIZAR OS ELEMENTOS NA PÁGINA COM FLEXBOX - HTML E CSS
HTML-код
- Опубликовано: 7 фев 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.😅
Ajudou demais, Eduardo. Que Deus abençoe!
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 .
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
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!
Mano, nunca pare de fazer esses tutoriais! Sua diádica é simplesmente incrível!!!
Concordei
melhor video que vi sobre flexbox
Cara seu conteúdo e forma de explicar foi demais!!!
REI, IMPERADOR, PATRIOTA, GUERREIRO, OBRIGADO, MEU AMIGO.
explicação clara e direta, deu pra entender tudo sem dúvidas, muito obrigada!
Cara, passei horas tentando posicionar uma imagem... Vou deixar um comentario pq vc me salvouuu, muito obrigado manooo!!
Cara... Que delícia de vídeo, na moral. Parabens entendi o q precisava
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 (:
Voltei a estudar programação, depois de anos parado e esse foi o melhor vídeo que vi, referente a essas propriedades. Parabéns!
grande aula eduardo!!
Procurei bastante uma aula assim
Com certeza essa é a melhor de todas nesse conteúdo. Por favor, continue
Parabéns
Obrigado pelas dicas! Finalmente consegui finalizar o projeto que estava fazendo! Ganhou +1 inscrito!
Agora sim, a aula que eu buscava. Obrigado por compartilar.🤝
QUE SHOW DE AULA!
Era tudo o que eu precisava, muitíssimo obrigado.
Parabéns!
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
Top, era oque eu tava querendo pra organizar meu site
Aula de mestre mano! Fazendo páginas web tutorial isso não é aprofundado... Essa sua aula é de grande ajuda! Obrigado!!
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!
Espero que seu canal prospere mais e mais mano, a forma como você explica o conteúdo é sem igual!
🔝 Grato por compartilhar conhecimento.
Mano , te amo tmnc 1 mês de curso e nn aprendi o que aprendi em 13 min
Você manda muito bem, aprendi muito hoje com o seu conteúdo, obrigada.
Opa, obrigado. Que bom que ajudou
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!
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
me ajudou bastante a antender o que e uma div e uma class obrigado
ÓTIMA aula. Me ajudou muito
muito obrigado mano,so consegui entender flex box graças a esse video
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!
Seu video me salvou camarada, muita luz pra voce
Cara, você ensina muito bem
Era exatamente isto que estava procurando. Obrigado!
Aula incrivel, estava com dificulades referente a esse assunto, material obejetivo e com linguagem simples, parabéns e não pare!
Boa aula mano, parabéns.
Esse foi o vídeo que mais aprendi, parabéns cara!
Alto e claro! Muito bom conteúdo, meu camarada! Tá ajudando muito!
Parabens pelo video ajudou bastante.
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.
muito foda sua aula mano vlw mesmo
Grande explicação genial! Finalmente estou a comecar a perceber o Flex!
Deixando o meu like 👍
Muito foda mano, continue com as aulas!
top o vídeo, me salvou.
salvou minha vida, muito obrigado
Muito interessante e muito bem explicado ! Excelente didática !
Cara que aula sensacional, meus parabens
muito obrigada, foi de grande ajuda.
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 ❤
parabéns pela aula mano, ensina muito bem
Conteúdo top d+, obrigado.
Vídeo muito bom
Muito top sua explicação. Obrigada 👏
Muito teu vídeo ajudou de mais
Mega aula! Parabéns irmão, muito obrigado!
Explicação incrível, muito simples de entender e me ajudou demais! Vlw mano!
excelente explicação mano, ajudou muito, obrigado!
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: ruclips.net/video/rboSA7728kk/видео.html&ab_channel=EduardoMota
Bom demais.
show man.. mais um inscrito.. hehehe
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
nossa,obg irmão,graças a vc fiz um trabalho aqui
único lugar que encontrei exatamente o que eu queria
que explicação top!!
Grande ajuda mano !!
que aulãooo!
PARABÉNS IRMÃO, ÓTIMO VÍDEO ME AJUDOU DEMAIS!!
Excelente vídeo. Parabéns
+1 inscrito muito bom ajudo muito 👍.
Maravilhosooo!!
caraca man me ajudou muito com essa aula
Mais um video sensacional !!obg
E se eu quiser personalizar a localização da div? colocar em um lugar especifico
Top!
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
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 ?
Uma dica, usar o Liverpool Server. Toda vez que salva o script ele atualiza a página automaticamente
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.
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)
Po me tirou mó duvida, muito obrigado
finalmente aprendi ..
ensina muitooooooooooooo
E se eu quiser alinhar em posições diferentes cada div?
Cara, a div container não pode ser o body?
eu te amo
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?