No video

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

  Рет қаралды 68,593

Eduardo Mota

Eduardo Mota

2 жыл бұрын

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

Пікірлер: 105
@eduardojavascript
@eduardojavascript 2 жыл бұрын
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 8 ай бұрын
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.😅
@Gustavo-uk3yo
@Gustavo-uk3yo Жыл бұрын
Tô apanhando tanto nessa área de programação, mas não vou desistir
@shiryu774
@shiryu774 10 ай бұрын
Isso n é programação, é desenvolvimento. Mas continue! Vc consegue!
@kiiing6582
@kiiing6582 7 ай бұрын
@@shiryu774caso ele utilize javascript ele ta programando
@Mari_ane_XX
@Mari_ane_XX 7 ай бұрын
Pô tbm kkkkkkkkkkkkk Mas agora é sangue no olho
@gabrielvaillant4561
@gabrielvaillant4561 7 ай бұрын
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 5 ай бұрын
@@gabrielvaillant4561 meu, to a 1 semana estudando essa merda e to tomando um paaaaaaaaau pro html krl back end é mt mais facil
@777klmasters
@777klmasters 8 ай бұрын
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
@dev.expert
@dev.expert 25 күн бұрын
muito obrigado mano,so consegui entender flex box graças a esse video
@Carnerex100
@Carnerex100 5 ай бұрын
melhor video que vi sobre flexbox
@neandertalmoderno1894
@neandertalmoderno1894 7 ай бұрын
Cara seu conteúdo e forma de explicar foi demais!!!
@renatonunesdemenezes
@renatonunesdemenezes Жыл бұрын
ÓTIMA aula. Me ajudou muito
@BrunoCarvalhoBLOG
@BrunoCarvalhoBLOG 3 ай бұрын
Voltei a estudar programação, depois de anos parado e esse foi o melhor vídeo que vi, referente a essas propriedades. Parabéns!
@user-lk2lx3pq4e
@user-lk2lx3pq4e 9 ай бұрын
Top, era oque eu tava querendo pra organizar meu site
@rodrigofelipe8556
@rodrigofelipe8556 2 ай бұрын
Aula de mestre mano! Fazendo páginas web tutorial isso não é aprofundado... Essa sua aula é de grande ajuda! Obrigado!!
@MarcoAurelio-cm8tx
@MarcoAurelio-cm8tx 3 ай бұрын
🔝 Grato por compartilhar conhecimento.
@ronaldobezerra6703
@ronaldobezerra6703 2 жыл бұрын
Procurei bastante uma aula assim Com certeza essa é a melhor de todas nesse conteúdo. Por favor, continue Parabéns
@angenifortal9767
@angenifortal9767 Жыл бұрын
Agora sim, a aula que eu buscava. Obrigado por compartilar.🤝
@renatomarques5019
@renatomarques5019 Жыл бұрын
Mano, nunca pare de fazer esses tutoriais! Sua diádica é simplesmente incrível!!!
@gustavocarvalho6667
@gustavocarvalho6667 8 ай бұрын
Concordei
@jefersonrouue1161
@jefersonrouue1161 6 ай бұрын
muito foda sua aula mano vlw mesmo
@ricardomarini1881
@ricardomarini1881 6 ай бұрын
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 .
@julianovieira3073
@julianovieira3073 5 ай бұрын
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!
@paralamadefusca
@paralamadefusca 5 ай бұрын
QUE SHOW DE AULA! Era tudo o que eu precisava, muitíssimo obrigado. 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!
@user-jy3uy9dp1o
@user-jy3uy9dp1o 4 ай бұрын
muito obrigada, foi de grande ajuda.
@naminenami
@naminenami 10 ай бұрын
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!
@prz1ka911
@prz1ka911 Жыл бұрын
REI, IMPERADOR, PATRIOTA, GUERREIRO, OBRIGADO, MEU AMIGO.
@_doria
@_doria 8 ай бұрын
Obrigado pelas dicas! Finalmente consegui finalizar o projeto que estava fazendo! Ganhou +1 inscrito!
@felipebarbosa9028
@felipebarbosa9028 Жыл бұрын
Aula incrivel, estava com dificulades referente a esse assunto, material obejetivo e com linguagem simples, parabéns e não pare!
@lucascarvalho7521
@lucascarvalho7521 11 ай бұрын
Espero que seu canal prospere mais e mais mano, a forma como você explica o conteúdo é sem igual!
@thiagoneves2181
@thiagoneves2181 10 ай бұрын
Cara, passei horas tentando posicionar uma imagem... Vou deixar um comentario pq vc me salvouuu, muito obrigado manooo!!
@Swort
@Swort Жыл бұрын
Era exatamente isto que estava procurando. Obrigado!
@gustavocarvalho6667
@gustavocarvalho6667 8 ай бұрын
Cara... Que delícia de vídeo, na moral. Parabens entendi o q precisava
@raulleite3269
@raulleite3269 Жыл бұрын
Boa aula mano, parabéns.
@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.
@yamishawty
@yamishawty 4 ай бұрын
salvou minha vida, muito obrigado
@so_eliel_ares
@so_eliel_ares 2 жыл бұрын
Alto e claro! Muito bom conteúdo, meu camarada! Tá ajudando muito!
@jonasmendes0
@jonasmendes0 Жыл бұрын
Conteúdo top d+, obrigado.
@user-sg9jo2cq7m
@user-sg9jo2cq7m Жыл бұрын
Parabéns viu irmão? única aula que consegui entender! merece reconhecimento pela didática excelente!
@eduardojavascript
@eduardojavascript Жыл бұрын
Opa, valeu, que bom que gostou. Em breve terá mais videos
@M_Goulart
@M_Goulart 2 жыл бұрын
Muito interessante e muito bem explicado ! Excelente didática !
@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 ❤
@victorcesar6803
@victorcesar6803 Жыл бұрын
Bom demais.
@Sherlos
@Sherlos Жыл бұрын
me ajudou bastante a antender o que e uma div e uma class obrigado
@makay_xp5779
@makay_xp5779 Жыл бұрын
Vídeo muito bom
@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 (:
@marcospmarinhoo
@marcospmarinhoo Жыл бұрын
Esse foi o vídeo que mais aprendi, parabéns cara!
@isaquelevi9366
@isaquelevi9366 Жыл бұрын
Cara que aula sensacional, meus parabens
@BrunoSantos-zy2fu
@BrunoSantos-zy2fu Жыл бұрын
Grande explicação genial! Finalmente estou a comecar a perceber o Flex!
@cezarmonteiro5581
@cezarmonteiro5581 2 жыл бұрын
Mega aula! Parabéns irmão, muito obrigado!
@gilmarvaz1441
@gilmarvaz1441 Жыл бұрын
top o vídeo, me salvou.
@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!
@eduardojavascript
@eduardojavascript Жыл бұрын
Que bom que ajudou!
@Alemdoagoraa
@Alemdoagoraa 11 ай бұрын
Muito teu vídeo ajudou de mais
@driaMuniz_Cyber
@driaMuniz_Cyber 26 күн бұрын
que explicação top!!
@brunafelicianogomes602
@brunafelicianogomes602 Жыл бұрын
Você manda muito bem, aprendi muito hoje com o seu conteúdo, obrigada.
@eduardojavascript
@eduardojavascript Жыл бұрын
Opa, obrigado. Que bom que ajudou
@pierresanthiagolealribeiro5958
@pierresanthiagolealribeiro5958 Жыл бұрын
Explicação incrível, muito simples de entender e me ajudou demais! Vlw mano!
@melhad0_web
@melhad0_web Жыл бұрын
Seu video me salvou camarada, muita luz pra voce
@SAV10B0RGES
@SAV10B0RGES 2 жыл бұрын
Muito foda mano, continue com as aulas!
@martins8320
@martins8320 Жыл бұрын
Mano , te amo tmnc 1 mês de curso e nn aprendi o que aprendi em 13 min
@guilhermecunha2375
@guilhermecunha2375 Жыл бұрын
excelente explicação mano, ajudou muito, obrigado!
@adrianamagalhaes2117
@adrianamagalhaes2117 Жыл бұрын
Muito top sua explicação. Obrigada 👏
@kevinalbuquerrque
@kevinalbuquerrque Жыл бұрын
parabéns pela aula mano, ensina muito bem
@vitorsouzasouza6699
@vitorsouzasouza6699 7 ай бұрын
Maravilhosooo!!
@VINICIUSSANTOS-qw4xv
@VINICIUSSANTOS-qw4xv 10 ай бұрын
nossa,obg irmão,graças a vc fiz um trabalho aqui
@gHostcx
@gHostcx Жыл бұрын
PARABÉNS IRMÃO, ÓTIMO VÍDEO ME AJUDOU DEMAIS!!
@ganharmoneytododia
@ganharmoneytododia Жыл бұрын
Meu amigo volta suas explicações são sensacional
@cabanahip-hop7205
@cabanahip-hop7205 9 ай бұрын
show man.. mais um inscrito.. hehehe
@edlus2
@edlus2 Жыл бұрын
+1 inscrito muito bom ajudo muito 👍.
@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: kzfaq.info/get/bejne/qMifhqRonJicm58.html&ab_channel=EduardoMota
@RCV_RCV
@RCV_RCV 9 ай бұрын
Top!
@yamagutilive
@yamagutilive Жыл бұрын
único lugar que encontrei exatamente o que eu queria
@memocontini
@memocontini Жыл бұрын
finalmente aprendi ..
@sssouto241
@sssouto241 2 жыл бұрын
Excelente vídeo. Parabéns
@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
@gabrielsilva4938
@gabrielsilva4938 2 жыл бұрын
Mais um video sensacional !!obg
@WESLAOyt
@WESLAOyt Жыл бұрын
Po me tirou mó duvida, muito obrigado
@paular.6110
@paular.6110 Жыл бұрын
que aulãooo!
@LucasSouza-ei2ve
@LucasSouza-ei2ve 2 жыл бұрын
caraca man me ajudou muito com essa aula
@nossoCS
@nossoCS 3 ай бұрын
E se eu quiser personalizar a localização da div? colocar em um lugar especifico
@rafaelmendes4259
@rafaelmendes4259 Жыл бұрын
eu te amo
@leoshevchenko1262
@leoshevchenko1262 3 ай бұрын
E se eu quiser alinhar em posições diferentes cada div?
@vithormatos9244
@vithormatos9244 Ай бұрын
Cara, a div container não pode ser o body?
@davidlongovidal2447
@davidlongovidal2447 11 ай бұрын
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 ?
@davidlongovidal2447
@davidlongovidal2447 11 ай бұрын
Está usando um CSS interno ?
@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 7 ай бұрын
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.
@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 11 ай бұрын
não funcionou no meu 😭😭
@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"
OS TIPOS DE DISPLAY DOS ELEMENTOS - HTML E CSS
12:13
Eduardo Mota
Рет қаралды 18 М.
FLEXBOX: Guia Completo para Iniciantes em CSS
19:14
Larissa Kich
Рет қаралды 14 М.
A little girl was shy at her first ballet lesson #shorts
00:35
Fabiosa Animated
Рет қаралды 21 МЛН
Ouch.. 🤕
00:30
Celine & Michiel
Рет қаралды 36 МЛН
Entendendo o básico de display : flex
20:34
Instrutor Feijó
Рет қаралды 16 М.
Colocando VÍDEO NO BACKGROUND com HTML & CSS
12:52
Freddy Danilo
Рет қаралды 7 М.
Unveiling CSS Grid in practice | Mayk Brito
36:17
Rocketseat
Рет қаралды 372 М.
Aprenda tudo sobre positions do CSS em 25 minutos
25:17
Matheus Battisti - Hora de Codar
Рет қаралды 33 М.
CSS Grid Layout e Flexbox - Quando Utilizar
39:09
Origamid
Рет қаралды 648 М.
FLEXBOX CSS! Como posicionar elementos na página web - parte 2
30:54
Rafaella Ballerini
Рет қаралды 52 М.
Sobrepondo elementos CSS
12:44
Yuri Petroni
Рет қаралды 13 М.
Pixel Perfect: PROJETO 1 #1 -  CRIANDO UMA LOJA DE PRODUTOS NATURAIS
23:36
A little girl was shy at her first ballet lesson #shorts
00:35
Fabiosa Animated
Рет қаралды 21 МЛН