Obrigada! Tô num curso de web design e na aula passada já tava sem entender nada de flexbox e uma das coisas q eu n entendia era diferença de space around e space between VLWWWWW
Oi ! Tudo bem ! Me chamo Hildon daqui de Porto Alegre RS Não é a bajulação é elogio de verdade agradeço muito por ter vídeos aqui no RUclips igual ao seu na verdade o curso vai ser só pra pegar o diploma Obrigado mesmo vc entende de verdade
Cara sua aula é boa mas vice esqueceu de mencionar que é preciso definir a formatação geral *{} com altura e largura de 100% para poder definir todas as dimensões dos elementos em relação a isso. Tive problemas na hira de usar o align-items por conta disso.
@@danielkrepk561Não e entendi. O * não seleciona tudo? Ele colocaria o html todo em 100% é isso? Não seria melhor usar "HTML {} E colocar width: 100%;?
Acabei de fecha um video q tava vendo do Ei Nerd... eu pensei: "Poxa, vou parar de ver teorias sobre os filmes da marvel e vou estudar pras provas da semana que vem!.... dai eu cheguei até esse video e... me deparo com o Peter dnv.... demorei uns segundos pra assimilar que eu não estava louco....
amem irmao obrigado por esse comentario pq ficar no escuro estudando programacao e uma desgraça, ja tava frustrado pq nao tava conseguindo centralizar verticalmente mesmo eu estando seguindo passo a passo
Bem que poderia dizer os atalhos de teclado que você usa. Pq toda hora que desço em uma linha, saio dela e depois volto, o cursor pra escrever fica lá no início, na margin esquerda ai atrapalha na indentation e leva mais tempo.
Boa noite! E como fazer p deixar centralizado os Child e ao mesmo tempo ele ir pulando linda como estava antes com wrap? Tipo estava os dois em cima e dois embaixo bem próximos .
Fiz igual o que mostra, mas só fica em coluna no meu css, e a demarcação do border-box não pega em todos (pulando o primeiro border para a terceira posição e vazia ainda).
08:30 - Pq ao usar height em 100% as divs não tomaram a altura da tela toda, pq 100% é tudo, não? Edit:, foi pq ele adicionou no . container e tbm não há nenhum background color inserido?
entre não consigo aplicar flex-direction no vs code, não aparece a opção, e quando eu digito "flex-direction: row; manualmente não funciona, os items do container "childs" ficam um em baixo do outro ! como se estivesse em column ou sem o flex-direction definido!, o que deve ser ?
na verdade da dando um mocado de erro por usar as propriedades do css utilizando o elemento dentro do elemento , infleizmente não conseguir utilizar tudo que foi passado nessa aula do jeito que foi mostrado no vídeo!
abrir um outro arquivo para codificar o css melhorou bastante, mas aí começou a falhar quando tento utilizar o align-items: center; com o flex-direction: row; muda nada. só fica alinhado no centro quando utilizo o flex-direction: column;
Talvez esteja colocando o display em um local errado. Crie uma div, com 4 divs dentro. Nesta div pai, aplique um width e height em px. O mesmo para os divs filhos, com um tamanho que caibam todos no div pai. Aplique bordas em todos. Depois display: flex no div pai. Irá funcionar. Lembrando que o direction row é o padrão. Ativando o flex no elemento, já fica com ele. Não recomendo fazer totalmente o que há no video. O youtuber comete um erro bem grave de utilizar css inline, e também tem umas pequenas falhas no seu inglês.
Estava tudo funcionando, até a parte onde você tenta centralizar as child flex. Acredito que esteja desatualizado, porque fiquei uma hora conferindo o CSS e nada. Deslike.
Consultoria grátis:
instagram.com/guigrillo13
Opa
qual é esse tema que vc está usando no vs code? gostei demais dele, quero instalar no meu.
pqp kkkkkkk achei que o Peter que iria ensinar, até tomei um susto 😂😂
eu ja pensei: -não é que o cara sabe de tudo mesmo kkkkkkkkkkk
MDS SIM, ENGANARAM O CLIENTE KAKKAKA
Direito ao ponto, resumido e só o principal para utilização, exatamente no que eu buscava
obs: 10:00 correção, para colocar a mesma distância ENTRE ele é space-between. O space-around é a mesma distância AO REDOR.
Obrigada! Tô num curso de web design e na aula passada já tava sem entender nada de flexbox e uma das coisas q eu n entendia era diferença de space around e space between VLWWWWW
Mas se fosse ao redor, nao colocaria o mesmo espaçamento no topo tbm?
@@carlosbarross Não colocou no topo porque o flex-direction está definido como row. Então ele coloca o espaço entre os elementos na horizontal
Se é loco demorei horas pra aprender esse negócio, o cara em menos de 10 minutos conseguiu explicar esse troço, parabéns ao canal.
Esse cara é muito bom explicando, Direto ao ponto, sem complicações e além de tudo carismático!
Conte sempre comigo!
Explicação sem complicação, excelente!
obrigado finalmente aprendi a posicionar os componentes como eu quero em css.
Oi ! Tudo bem ! Me chamo Hildon daqui de Porto Alegre RS
Não é a bajulação é elogio de verdade agradeço muito por ter vídeos aqui no RUclips igual ao seu na verdade o curso vai ser só pra pegar o diploma
Obrigado mesmo vc entende de verdade
Sem enrolação, é isso ai! esse vídeo é ótimo
Perfeito, tava em dúvida só nesse assunto um pouco e ajudou agora, obrigado!
ótima aula, deu uma noção maravilhosa sobre flex box obg
Perfeito, se eu tivesse visto esse video antes não estaria de avf. Pelo menos agora me sinto mais preparado.
explicação direta e eficiente, obrigado!
Top o seu tutorial!! Tirou minhas dúvidas! Obrigadão!
Excelente didática, professor ótimo direto ao ponto, parabéns
Que bom que gostou!
Valeu pela aula
pode aprender mais ainda☺
Cara sua aula é boa mas vice esqueceu de mencionar que é preciso definir a formatação geral *{} com altura e largura de 100% para poder definir todas as dimensões dos elementos em relação a isso. Tive problemas na hira de usar o align-items por conta disso.
Obrigado amigo, eu estava sofrendo com isso.
@@danielkrepk561Não e entendi. O * não seleciona tudo? Ele colocaria o html todo em 100% é isso? Não seria melhor usar "HTML {} E colocar width: 100%;?
Agora foi, amigo vc é um amigo!
Muito bom. Grato pelo conhecimento!
Ótimo vídeo! Direto ao objetivo era exatamente o que eu estava procurando. Vlwww
sensacional!!! Ótima explicação. Parabéns
Nossa ótimo tutorial!A apropósito esta funcão é fantástica,ajuda muito dinamicamente.
Cinco estrelas, adorei as dicas.
gostaria de saber como se tornar um front-end?
muito bom, parabéns pelo conteúdo. Ajudou bastante!
Top! Enfim entendi qual comanda qual eixo!
COMO SEMPRE, INCRIVEL.
é tipo uma versão moderna do margin e padding, foi assim que entendi.
Gostei muito da maneira simples que ensinou.
Me ajudou muito a destravar um projeto!!
Me ajudou muitoooooooooo tava penando aqui.
Direto ao ponto, muito boa esta aula.
muito obrigada!!! salvou meu tcc!
Acabei de fecha um video q tava vendo do Ei Nerd... eu pensei: "Poxa, vou parar de ver teorias sobre os filmes da marvel e vou estudar pras provas da semana que vem!.... dai eu cheguei até esse video e... me deparo com o Peter dnv.... demorei uns segundos pra assimilar que eu não estava louco....
Obrigado sou iniciante de Angola
Simples e direto, me ajudou muito!
Perfeita explicação!!
Excelente aula, vou aplicar ao meu projeto.
que susto por um segundo achei que era o peter que ia ensinar kkkkkkk
O vídeo começa erm 1:00
herói!!!
Muito obrigado, ajudou muito!
8:34 engraçado, no meu só deu certo quando coloquei em % o heigth, coloquei 1000px aí deu pra brincar com o align-items
para mim também....
coloque min-height: 100vh; Vai pegar.
@@anarktv8098 DEUSSS
pra mim tbm
pensei que estava ficando louco, até ver seu comentário, obrigado
E para fazer a inseçao de parametros nos icones criados, atraves da usart?
Excelente Tutorial. Simples, objetivo e muito claro.
Vídeo aula top mano, me ajudou muito ❤
Please give a brief description of the plugin, how to use it. How to use the plugin. How to use it.
Muito esclarecedor !
Muito bom. Obrigado!
legal, mas tem algum vídeo mostrando um exemplo do mundo real? O Flex box serve pra quê? pois pra fazer tabelinhas já existia a
Simplesmente perfeito, clareou demais em relação ao flex, danki sendo danki 🔥
Aula bacana demais
No curso da Danki você ensina TailWind?
O main pode ser usado como container?
Engraçado que quando colocamos o a centralização vertical não funciona.
Nunca tinha reparado
vlw, ja tava ficando doido aqui
amem irmao obrigado por esse comentario pq ficar no escuro estudando programacao e uma desgraça, ja tava frustrado pq nao tava conseguindo centralizar verticalmente mesmo eu estando seguindo passo a passo
Obrigado pelo conteúdo.
Estudo de caso: Comigo centralizou apenas após colocar 1vh no container.
O melhor vídeo de flexbox que eu já vi, muito bom.
Excelente!
Bem que poderia dizer os atalhos de teclado que você usa. Pq toda hora que desço em uma linha, saio dela e depois volto, o cursor pra escrever fica lá no início, na margin esquerda ai atrapalha na indentation e leva mais tempo.
Valeu muito obrigado
Tem videos para quem esta começando ?
Muito massa.
Vlw cara
ótimo tutorial!!!!
Boa noite! E como fazer p deixar centralizado os Child e ao mesmo tempo ele ir pulando linda como estava antes com wrap? Tipo estava os dois em cima e dois embaixo bem próximos .
Fiz igual o que mostra, mas só fica em coluna no meu css, e a demarcação do border-box não pega em todos (pulando o primeiro border para a terceira posição e vazia ainda).
Muito bom!
Vídeo muito bom
Dude... u give hope
qual tema do vs?
Qual é essa extensao danki?
Só não consegui alinhar os item no eixo y, e fiz os códigos iguais.
EDIT: Consegui trocando o height: 100% por 100vh.
+1 Inscrito
Top!
Muito top!
08:30 - Pq ao usar height em 100% as divs não tomaram a altura da tela toda, pq 100% é tudo, não?
Edit:, foi pq ele adicionou no . container e tbm não há nenhum background color inserido?
usa vh ao invés de % no height
Vídeo curto, mas consegui entender os efeitos do Flex box.
sensacional
Mt bom!
Gostei, muito bom, porém gerou uma dúvida, como alinhar, centralizar o texto dentro dos child?
justify-context
align-itens
Para o horizontal, pode usar também o align-self diretamente nos flex-items de forma individual.
ola,eu não sei como acessar esse simulador que você esta usando no video .
qual a extensão usada para a visulização da página em tempo real?
live serve
@@gabrielhipolito8451 server*
Qual o nome do plug-in?
adicionem *{height: 100%;} vai ajudar a centralizar o align-items, confia..
gênio
tem como eu fazer esse order em um arquivo css separado? tipo, com id ou sei la? e teria como eu fazer sem id?
o order é uma propriedade dos flexs itens, não precisa utilizar id
Alguém aí deu problema no align-items?
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container{
height: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
}
.child{
width: 20%;
height: 200px;
background-color: red;
border: 1px solid black;
}
Galera, nao sei porque mas fiz certinho igual o video, porem meu align-itens não funciona em nenhum de seus valores, alguem pode ajudar ?
usa vh ao invés de % no height
lindo lindo lindo
entre não consigo aplicar flex-direction no vs code, não aparece a opção, e quando eu digito "flex-direction: row; manualmente não funciona, os items do container "childs" ficam um em baixo do outro ! como se estivesse em column ou sem o flex-direction definido!, o que deve ser ?
na verdade da dando um mocado de erro por usar as propriedades do css utilizando o elemento dentro do elemento , infleizmente não conseguir utilizar tudo que foi passado nessa aula do jeito que foi mostrado no vídeo!
abrir um outro arquivo para codificar o css melhorou bastante, mas aí começou a falhar quando tento utilizar o align-items: center; com o flex-direction: row; muda nada. só fica alinhado no centro quando utilizo o flex-direction: column;
Talvez esteja colocando o display em um local errado. Crie uma div, com 4 divs dentro. Nesta div pai, aplique um width e height em px. O mesmo para os divs filhos, com um tamanho que caibam todos no div pai. Aplique bordas em todos. Depois display: flex no div pai. Irá funcionar. Lembrando que o direction row é o padrão. Ativando o flex no elemento, já fica com ele. Não recomendo fazer totalmente o que há no video. O youtuber comete um erro bem grave de utilizar css inline, e também tem umas pequenas falhas no seu inglês.
qual é a extensao do tema dele?
Tbm queria saber
Que susto, fui ver um tutorial e entrei no canal do Ei Nerd kakakakak
Esse cara é fera
flexbox - fle= xbox?
show
Aumenta o tamanho da fonte do vscode quem assisti pelo celular fica muito ruim.
1.30 e o vídeo ainda não começou. Desistindo
Coloco o vídeo em 2x e aprendo em 5 minutos TuT
Mas aí tenho que ver duas vezes pq não consegui entender de primeira
não tenho paciência pra vídeos longos, prefiro aprender em pdf ou documentação
Estava tudo funcionando, até a parte onde você tenta centralizar as child flex. Acredito que esteja desatualizado, porque fiquei uma hora conferindo o CSS e nada. Deslike.
Sabe como faz atualmente? Não to mais conseguindo...
show de bola !
Aprenda Flxbox em 10 minutos kkkkkkkkkk aonde isso? propaganda enganosa!
kkkkkkkk
Mano que didática ruim, muito difícil aprender assim
Top abraço joinha