CSS Flexbox - Tudo o que você precisa saber

  Рет қаралды 20,357

Otávio Miranda

Otávio Miranda

2 жыл бұрын

Você tem dúvidas sobre qualquer parte do CSS Flexbox? Dúvidas no Eixo principal, eixo transversal, alinhamento, responsividade, entre outras? Depois desse vídeo, te garanto que você vai usar o Flexbox com muito mais confiança. Nada de ficar chutando align-items e justify-content aleatoriamente até acertar.
Bora aprender?
Cursos de Python e JavaScript / TypeScript com desconto:
www.otaviomiranda.com.br/2017...
Twitter: / otaviomirandabr
#css #flexbox #html

Пікірлер: 72
@navegandoemc0d1gos
@navegandoemc0d1gos Жыл бұрын
50:40 É desse jeito que gosto, conteúdo profundo! Aproveitei para listas o tempo de da tópico da aula: 0:00 - Introdução 0:30 - O que é flexbox? 1:36 - Criando o HTML 3:40 - Estilizando o CSS 5:00 - display: flex; 6:40 - flex-direction: row; 10:30 - justify-content 14:50 - flex-direction: row-reverse; 15:59 - flex-direction: column; 18:39 - gap 20:19 - align-items 25:54 - flex-wrap 28:00 - flex-flow 28:55 - align-content 31:38 - order 36:10 - flex-grow 39:14 - flex-shrink 41:45 - flex-basis 44:00 - Shorthand flex 45:32 - align-self 46:49 - centralizar um elemento usando o flex 48:23 - Tornar um flex-item em flex
@dinodrivesclub4282
@dinodrivesclub4282 6 ай бұрын
Obrigado, nem todo herói usa capa heim!
@queirozm.santana9908
@queirozm.santana9908 2 жыл бұрын
grato pela aula prof. Queiroz de Angola, em breve serei seu aluno de react, tou lutando pra conseguir uma grana
2 жыл бұрын
Manda um e-mail pra mim falando isso (meus contatos estão no perfil do YT).
@diegoredeti
@diegoredeti 2 ай бұрын
Obrigado pela excelente explicação professor, eu estava com dificuldade em compreender esses conceitos.
@DeVictor2002
@DeVictor2002 Ай бұрын
Voltando aqui pra agradecer , só com essa aula consegui dominar de verdade o display flex , ótima didática !
@guimaraesflavio
@guimaraesflavio 8 ай бұрын
Você precisava criar um curso de como dar cursos!!! Parabéns pela didática, primeiro vídeo sobre flex box que realmente explica o comportamento e não fica só descrevendo funções!
@flavianofreire479
@flavianofreire479 Жыл бұрын
mano, que isso, segundo video qu vejo seu, to parando no meio do video pra dizer que vc explica muito bem, isso tava dando m nó na minha cabeça kkkkkk ajudou muito. valeu
@ricardoferreira3252
@ricardoferreira3252 Жыл бұрын
Aula excelente, sem dúvida umas das melhores que tem aqui no YT !!!
@wevertonsilva6305
@wevertonsilva6305 2 жыл бұрын
Muito bom, sempre com uma ótima didática! parabéns, e obrigado pelo conteúdo.
@alanrodriguesprimo6888
@alanrodriguesprimo6888 Жыл бұрын
Chegou a luz que eu precisava kkkk, obrigado cara você é fera !
@wanielle_
@wanielle_ 9 ай бұрын
Pela primeira vez vi minha vida toda sendo resolvida nos primeiros 10 minutos de vídeo! Gratidão! Conteúdo incrível, 50 minutos de puro aprendizado!
@erike4528
@erike4528 10 ай бұрын
Cara... que aula sensacional, esclareceu muita coisa. Valeu mestre Otavio!
@junior1992a
@junior1992a Жыл бұрын
gostei muito da didática. Parabéns!!!
@app2028
@app2028 Жыл бұрын
Muito boa guerreiro, já comprei vários cursos seu sempre com uma qualidade absurda super incrível!🎉
@hgkiller84games57
@hgkiller84games57 Жыл бұрын
Top Top de mais valeu man, estava a algum tempo atrás de uma explicação assim, simples e direta, ganhou um inscrito.😅😅😅😅
@Matheus.Stopinski
@Matheus.Stopinski 11 ай бұрын
Vc é demais amigo. Gostei da aula!!!!
@leandropastena9500
@leandropastena9500 Жыл бұрын
Excelente explicação! Obggg
@renandeoliveira751
@renandeoliveira751 Жыл бұрын
Conteúdo sempre top! Um dos melhores! professores!
@felipequeiroz9093
@felipequeiroz9093 2 жыл бұрын
Olá professor sou seu aluno de javascript e typescript, sou grato pelas aulas aqui do youtube e da udemy, muito conteúdo de qualidade!
2 жыл бұрын
Que massa, muito obrigado
@fernandoi.kobayashi9826
@fernandoi.kobayashi9826 Жыл бұрын
Obrigado pela aula, bem didático. Muitas coisas que eram nebulosas para mim foram sanadas.
@dinodrivesclub4282
@dinodrivesclub4282 6 ай бұрын
parabéns pelo conteúdo
@viniciusaraujo718
@viniciusaraujo718 Жыл бұрын
Obrigado por essa video aula sobre display flex! Aprendi muito sobre como usar essa propriedade para organizar elementos HTML de maneira mais eficiente e flexível. Fiquei surpreso com a quantidade de opções e recursos disponíveis para trabalhar com o flexbox e como eles podem ser facilmente aplicados em projetos web. Agradeço pela clareza e paciência ao explicar cada conceito e exemplo. Estou ansioso para colocar em prática o que aprendi e continuar aprendendo mais sobre essa poderosa ferramenta de design web. Muito obrigado! Comprei um dos seus cursos na Udemy.
@raymond16917
@raymond16917 11 ай бұрын
Top de mais de mais de mais muito obrigado.
@cicerofernandes9796
@cicerofernandes9796 2 жыл бұрын
Muito bom, ainda compro todos seus cursos da udemy, já estou na caminhada
@dinodrivesclub4282
@dinodrivesclub4282 6 ай бұрын
Sensacional!!!
@Mania_de_Gato
@Mania_de_Gato 9 ай бұрын
Vc eh MT fera Otávio! Seu curso da Udemy eh bom demais 😍
@BKXA
@BKXA Жыл бұрын
Que aula excelente!
@FranciBahamult
@FranciBahamult 4 ай бұрын
+1 inscrito! Aula show!
@davidmariosa8463
@davidmariosa8463 3 ай бұрын
MEUS AMIGOS QUE AULA!
@tiagof5623
@tiagof5623 Жыл бұрын
Assisti um aula de mais de 2h em outro canal e sai meio perdido. Não foi ruim de tudo, mas com essa aula, só os primeiros 20 min. foram mais q suficientes para entender. Essa do eixo principal e transversal foi demais! Os detalhes q fazem a gente pensar como as coisas funcionam. Agora, não tem como esquecer. Valeu!
@natanrelva
@natanrelva Жыл бұрын
Nossa,você não sabe o tanto que carinho que tenho por você mestre. Até hoje me ajudando, sucesso amigo .
Жыл бұрын
Ahh obrigado 🙏
@85dansurf
@85dansurf Жыл бұрын
Muito obrigado, por esse resumo, já sabia digamos 50% do flexbox, depois desse vídeo cheguei a 99%, o outros 1%, será fazendo na prática .
@eletrotech51
@eletrotech51 4 ай бұрын
Muito bom
@gigachad9110
@gigachad9110 2 жыл бұрын
Professor faz um video explicando melhor o dot env
@rjunior_go
@rjunior_go Жыл бұрын
Muito bom 👏
Жыл бұрын
Obrigado 👍
@NayT0N
@NayT0N 2 жыл бұрын
Valeu mestre😀. Excelente aula. Sugestão: Colocar na descrição do vídeo o link da playlist em que esse vídeo está.
2 жыл бұрын
Show, valeu
@JeanOmeg
@JeanOmeg Жыл бұрын
Sou aluno do curso de javascript e python lá da udemy, vc eh o melhor professor, parabéns e muito obrigado mestre 😁
Жыл бұрын
Obrigado, de coração 🥰
@eduSombeR
@eduSombeR 2 жыл бұрын
Achei aqui, gostei comprei na Udemy seus cursos. Ótima didatica!
2 жыл бұрын
Obrigado 🙏
@marcelocguilherme
@marcelocguilherme 2 жыл бұрын
Excelente conteúdo!
2 жыл бұрын
Valeu 🙏
@Clebsonalves
@Clebsonalves Жыл бұрын
Flexbox é vida, e o grid tbm👍😂
@lucianoferreira8620
@lucianoferreira8620 Жыл бұрын
Valeu!
10 ай бұрын
Desculpa a demora, eu realmente não tinha visto seu comentário. Agradeço demais =)
@hendcode
@hendcode 2 жыл бұрын
Adoro o seu conteudo professor. Sou seu aluno na Udemy e curto muito o conteúdo. Se puder faz um video desse porém de GRID
2 жыл бұрын
Podexa
@oyasumigabriel
@oyasumigabriel 2 жыл бұрын
Dica para entender sobre eixos, estude um pouco de matemática cartesiana. "Main Axis" é o eixo X, "Cross Axis" é o eixo Y. só uma sugestão, funcionou pra mim :)
2 жыл бұрын
Boa
@helder-rangel
@helder-rangel 2 ай бұрын
😃
@pablocardellino6547
@pablocardellino6547 2 жыл бұрын
Muito bom este vídeo, esclareceu bastante o uso de flex. Você tem um deste mesmo tipo para grid? Não achei no teu canal.
2 жыл бұрын
Ainda não tem, mas estou providenciando
@GuilhermeDavino
@GuilhermeDavino 2 жыл бұрын
Professor, seu curso de react e next.js é uma versão aprofundada do curso javascript, assim como o de Django é uma versão aprofundada da sessão Django no curso de python?
2 жыл бұрын
Exatamente...
@henriqueteixeiradev4751
@henriqueteixeiradev4751 Жыл бұрын
Muito Boa Tarde Otávio... Quando poder lança uma vídeo aula fazendo um design responsivo utilizando o mínimo de design adaptativo e mais design responsivo, se é que você me entende. Ex: Com o mínimo de media query e break points possível deixa tudo no automático, quebra de linha e etc
@henriqueteixeiradev4751
@henriqueteixeiradev4751 Жыл бұрын
Sei que tem um monte de vídeo aulas fazendo, más com você ensinando eu entendo muito mais e sempre tem as sacadinhas que você passa
Жыл бұрын
@@henriqueteixeiradev4751 eu acho que já vamos ter... Acompanha aí esse curso de HTML, que nele devemos ter algo similar a isso.
@henriqueteixeiradev4751
@henriqueteixeiradev4751 Жыл бұрын
@ opa legal
@ReinaldoAdrianoBH
@ReinaldoAdrianoBH 2 жыл бұрын
Com o Flexbox o float ficou depreciado ou ainda tem casos em que pode ser usado?
2 жыл бұрын
É raro eu usar, mas você pode colocar uma imagem em volta de um texto com float.
@JoaoPedro-hx9ls
@JoaoPedro-hx9ls Жыл бұрын
O que aconteceu nesse momento? 3:09
@0zero030
@0zero030 Жыл бұрын
eu tenho pai com display flex e um Filho e dentro do filho tenho outro eu quero mover o Filho dentro do filho como eu faria
@ayredantara6838
@ayredantara6838 2 жыл бұрын
Desculpa eu te perguntar, como você fez para emagrecer? Obrigada, tá muito esbelto =D
2 жыл бұрын
Sem problema, acho que vou criar um canal sobre isso. Mas em resumo, dieta e musculação.
@ayredantara6838
@ayredantara6838 2 жыл бұрын
@ Nossa que show, também estou nessa empreitada. Bjo. Obrigada por responder
@tutoriaisweb313
@tutoriaisweb313 Жыл бұрын
só nao dou dois joinhas por que nao da
@DanielGomes-qf4yq
@DanielGomes-qf4yq Жыл бұрын
Pra quem quer treinar um pouco esses comandos do flexbox, pesquisem "Flexbox Froggy", vai ajudar muito em fixar o conteúdo
CSS Grid - Tudo o que você precisa saber
53:59
Otávio Miranda
Рет қаралды 19 М.
Did you believe it was real? #tiktok
00:25
Анастасия Тарасова
Рет қаралды 41 МЛН
When You Get Ran Over By A Car...
00:15
Jojo Sim
Рет қаралды 15 МЛН
КАРМАНЧИК 2 СЕЗОН 7 СЕРИЯ ФИНАЛ
21:37
Inter Production
Рет қаралды 502 М.
Aprenda Flexbox de uma vez por todas! 😍
21:38
Sujeito programador
Рет қаралды 11 М.
3 Tips for Scaling React Apps with TailwindCSS
15:21
Rocketseat
Рет қаралды 39 М.
Card para web com HTML e CSS Puro
8:14
Tricodando
Рет қаралды 28 М.
DESCOMPLICANDO o CSS Flexbox 🤯  [curso gratuito no final]
33:30
::before e ::after - Pseudo-Elementos no CSS
11:06
Otávio Miranda
Рет қаралды 9 М.
Learn flexbox the easy way
34:04
Kevin Powell
Рет қаралды 686 М.
FLEXBOX CSS! Como posicionar elementos na página web - parte 1
20:34
Rafaella Ballerini
Рет қаралды 186 М.
OS TIPOS DE DISPLAY DOS ELEMENTOS - HTML E CSS
12:13
Eduardo Mota
Рет қаралды 17 М.
Как слушать музыку с помощью чека?
0:36
Choose a phone for your mom
0:20
ChooseGift
Рет қаралды 5 МЛН
YOTAPHONE 2 - СПУСТЯ 10 ЛЕТ
15:13
ЗЕ МАККЕРС
Рет қаралды 172 М.