FLEXBOX CSS! Como posicionar elementos na página web - parte 2

[@antroposologo]

Nenhum dos cursos "top" do mercado ensinam isso.. a gente tem aprender sozinho, na raça! Parabéns!👏

[@duarte6866]

ufa!, show excelente, para não ser redundante. Vou aprovitar essa oportunidade ao maximo, conteudo de qualidade gratis, temos que aproveitar

[@antoniosergiosouzamenezes7235]

Ensinar é um dom divino!! Parabéns, vc não tem ideia do quanto tem me ajudado!!

[@Espiroqueta]

Só queria agradecer imensamente, sério, conheci essa semana o seu canal e está me ajudando MUITO. Estudo ADS e, tenho muita dificuldade (e nem gostei) de linguagens como C, Java, estava quase desistindo disso, mas, me fascinei por HTML, CSS e principalmente JS (Nossa, da pra fazer muita coisa legal!), e seu canal está ajudando demaaaais nessa nova trajetória de estudos!!

[@hrbalthazar]

Front end sempre salvando vidas

[@mvsuguino]

Ctrl + ; (control + ponto-e-vírgula) também comenta/descomenta o código. Não precisa 2 atalhos diferentes.

[@antoniofantoni7895]

Também uso esse !

[@gcbicca]

Shift + alt +a tbm comenta ou cria as tags de comentário!

[@jairoprates4300]

Muito mais prático, sempre utilizo esse

[@talita4559]

Que didática maravilhosa! Parabéns! ❤

[@KaioSilva-ft5hy]

ééé perdemos uma Doutora e ganhamos uma Professora kakakaka.. parabéns msm pela didática...é muito boa no que faz.. gostei muito... acaba que sai fácil o aprendizado com vc. 🤜🤛

[@oCarlos__]

nem vi o video mais ja queria agradecer, que coencidencia, eu tava nessa parte do curso q eu to vendo, ai dps de 2 aulas sobre isso pensei: ja vou parar por hj, ja vi mt coisa, to com dificuldade nisso ent amanha eu vejo dnv tudo, vou ver uns videos sobre tech pra descontrair, ai abri seu canal e encontrei isso postado a 2 DIAS. Que maravilha!

[@gabrielapaulinideutner3180]

Parabééééns Rafa!!! Você é maravilhosa! Explicou tão bem, é a melhor professora de CSS do KZbin inteirinho

[@marcioneves8926]

Show de bola! Didática sensacional! Parábens Rafa!

[@rbiuri]

Muito bom! Hoje gerencio minha startup e pela dificuldade de encontrar devs por um preço acessível, me aventurei a me desenvolver como programador e me deparei com seus vídeos. Sua didática é muito boa e da pra ver o quanto você fica empolgada em ensinar! Meus parabéns pelo trabalho! 👏🏾👏🏾

[@LaysllaMatias]

Você tem vaga na sua Startup? Sou dev jr e gostaria de uma oportunidade :)

[@_gabrielfratelli]

É essencial aprender isso pessoal, utilizem sempre flexbox e flexgrid!!! Parabéns rafinha você é um máximo.

[@rebecaoliveira4047]

Rafa tu explica muito bem, maravilhosa essa didática oh agora sim estou conseguindo aprender Flexbox. Obrigado mesmo.

[@tanque2222]

Esses jogos era tudo o que eu precisava agora, genial. Obrigado

[@willianabe9664]

Bem didatico, tirou muitas duvidas que eu tinha!

[@g3luka]

Gostei muito dos seus vídeos sobre Flexbox. Queria ensinar para um amigo Flexbox mas estava sem tempo de explicar para ele, procurei no Google e apareceu seu vídeo, assisti e achei suas explicações e didática excelentes e já passei para ele. Com certeza passarei os vídeos para outros amigos e colegas. Agora gostaria de ensinar CSS Grid, então, seria bem legal se fizesse um ou mais vídeo explicando mais essa maravilha do CSS. Parabéns pelo trabalho pela sua didática excelente e pelo canal! Tudo de bom, um abraço.

[@BlankemburgCastanho]

Muito bem explicado Rafa, parabéns! Só tenho uma dúvida, e quanto ao Grid Layout? Qual a diferença entre eles? Seria bacana se fizesse um vídeo mais pra frente falando sobre ele.

[@vmdimoveiseinvestimentos7395]

Percebi que, o (order) me possibilita selecionar e destacar uma quantidade de posts desejados. Conteúdo top d+.

[@danielduarte6373]

ele explique de um jeito tão simples de entender

[@caio4599]

muito obrigado pelo video, cada dia apendendo um pouquinho mais

[@andreforttuna]

Olá, tudo bem? Eu sou gestor de tradego e faço landing Page no elementor. Com base no que sei do elementor facilmente consegui entender seu conteúdo. E não só pelo elementor ter agora a opção de flex, mas suas aulas são muito boas. Uma dica que te dou e é uma dor muito grande do pessoal de lançamento, é a otimização dos sites, que por mais que usemos recursos, nunca será igual a saber usar html e css. Um curso específico para essa área eu compraria ontem. Só com suas aulas consegui fazer uma página de captura, mas por exemplo, não consegui integrar um form feito em html com o active campaign… Te agradeço por seu tempo e seu conteúdo é feito com excelência.

[@CanalWebtechTV]

Você é muito show!! Parabéns.

[@victorantonio6590]

Didática sensacional. Continua com essas aulas de CSS Rafa, são muito bons. Mesmo que já tenha muita gente ensinando, sempre tem espaço pra pessoas com uma didática tão clean e tão assertiva!

[@renatonunesdemenezes]

Você arrebeeeeeeeenta. parabéns pela aula

[@diegospinola4960]

Ótimo conteúdo, parabéns!

[@aviladamusica]

Massa demais, sua didática ótima! Obrigado!

[@vicentebruno2538]

Parabéns pelo vídeo, muito didático e completo

[@izaelgomes1457]

Rafaela faz um vídeo nesse estilo sobre Grid

[@devdofuturo]

Aprendi obrigado muito!

[@andersonleite766]

Linda! Obrigado pela aula.

[@miriosps4539]

nossa muito bom amei, tudo bem explicadinho, faz video um sobre o grid

[@MarceloHenrique-mn8vf]

muitíssimo útil, esse seu vídeo!

[@denercoelho2592]

Me inscrever nesse canal e no da Code By Duda foi a melhor coisa que fiz nesse ano, vocês me ajudam DEMAIS!!!!!!

[@Psicologia_do_sucesso]

valeu Rafaella... comecei a gostar de front-end por causa de um video seu...muito obrigado por compartilhar seus conhecimentos

[@edvaldojunior1745]

Simplesmente suas aulas são demais! A didática bem simples e direta.

[@felipemarques4197]

Seus vídeos são sensacionais, está me ajudando demais na caminhada de dev. Faça mais vídeos por favor!

[@jeremiasverissimogomes8521]

Muito obrigado pelas aula, Balle. Eu estive pensando em seriamente sair dessa área por não conseguir entender muito durante as aulas, mas você me fez ver de outra forma. Obrigado

[@igomaral]

Rafa, obrigado por salvar minha vida! Vc ensina de uma forma incrível, como se estivesse dando aula pra uma pedra e só assim pra gnt conseguir aprender. Parabéns pelo conteúdo

[@valberjunior2109]

Os melhores vídeos !!!

[@anadycarvalho4925]

Amando o seu canal, Rafaella!!! Muito didática. Só gratidão!!!

[@andersonmendes4066]

Muito obrigado pelos vídeos sobre flex-box!!!! Estou desenvolvendo um projeto em HTML / CSS e seus vídeos de têm me ajudado bastante. Obrigado mesmo Rafa!

[@antoniofantoni7895]

Aulão, parabéns !

[@dokajunior]

Sempre vejo varios videos seus, muito boa a didatica.. ps: vc tá mt gata nesse video mds 🤣

[@safyrasystem]

Vídeos como esse são sensacionais, ensinamentos de forma clara e fácil são difíceis de encontrar. Parabéns pela explicação, excelente

[@AnaCaroline-bm9ks]

Ótima explicação! Super didática e carismática. Obrigada!

[@gabrielalmeida647]

Ontem mesmo eu tava fazendo um exercício sobre isso e tu me posta esse vídeo! Hahaha

[@armandoyamada225]

Muito boa a aula, parabéns.

[@coffeehousemusicjazz]

Eu quero.Obrigaduuu por tudo que vc nos ajudou ❤️❤️❤️❤️❤️❤️🙏🙏🙏

[@4queijos90]

Belo conteúdo. queria muito te pedir um vídeo sobre o que estudar para Analise e desenvolvimento de sistemas/Programação. tipo o básico da matemática q é necessário nessa área para facilitar quando for entrar na faculdade ou outros estudos envolvidos q são essenciais também. adoro o seu conteúdo e acredito em você

[@Jonny0n_3335]

Shift + alt + A também torna as linhas em comentários e tbm pode usar essa combinação pra comentar em HTML , CSS ou JAVASCRIPT. Espero ter ajudado.

[@lucasludtke3631]

Que aula proveitosa e didática, obrigado pela sua dedicação.

[@nelsonsoares2281]

Sensacional Rafa, didática maravilhosa, muito obrigado!

[@rafaellaballerini]

fico feliz Nelson! muito obrigada 😊😊

[@ceica2006]

@@rafaellaballerini como faço pra criar um banco de dados? Pra sistema de login. Indica um vídeo por favor, obrigado! Ótima explicação!

[@vanessaballerini8572]

Excelente vídeo, Rafa! Muito didático! 👏👏

[@mayconrocha8723]

Show demais.

[@pamelacrzs]

top demais 🧑‍💻🤓

[@gustavonery_]

Show 🤩🤩😁. Faz um vídeo de GRiD também

[@felipemaganha5961]

Está linda rafa show de bola o vídeo

[@luanacaldas6353]

Que conteúdo incrível e didática maravilhosa. Muito obrigada por essa aula, Rafa!

[@felipegsilva1]

Didática muito boa, parabéns! Estou aprendendo a desenvolver em HTML e CSS e esse tipo de aprendizado vai me ajudar muito nos exercícios de prática. Por favor, faça sim um projeto com todos esses itens e nos ensine um pouco mais :D

[@ERI22176]

Sua didática fica cada vez mais incrível Rafa, muito obrigado pela aula

[@gabrielrodel5178]

opaa, conheci hoje, achei incrível o estilo dos seus vídeos, ótimas explicações. Deus te abençoe, sucesso!

[@pablovieira9683]

Muito bommm!! 👏🏻👏🏻👏🏻👏🏻

[@paulogoncalvesdemelofilho6176]

Que Aulão!!!!!! Showw

[@edsonalves7153]

Nossa muito boa explicação, estou aprendendo bastante vendo seus vídeos , sucesso para vc fica com Deus

[@rafaellaballerini]

fico muito feliz!!! obrigada 😊

[@danielvicentefagundes6774]

Interessante !!! Parabéns !!!🐞🐞🎃🎃

[@vandantas2012]

Muuuuuitto bão!!!!!

[@gabrielcalu6879]

Maravilhosa 😍

[@tikararaps133]

Sou fã seu Rafa 🥺

[@RudneyLeal]

Vi que no VS code tem o Display flexbox e o display flex, qual a diferença?

[@Guino106]

Muito obrigado Rafa, seu canal é sensacional!!!!! Com sua excelente didatica, bem que poderia haver uma explicação de grid algum dia ein :)

[@luizguivera]

Dica galera! Se você ir no inspecioanar e clicar no "conteiner pai" e styles, terá uns quadrados do lado display: flex; se clicar tera como modificar as propriedades: *flex-direction:* *flex-wrap:* *align-content:* *justify-content:* *align-items:*

[@joaojpnj]

Rafaella, qual o curso no Alura vc é instrutora? Sua didática é incrível.

[@rafaellaballerini]

Eu sou da imersão dev! Na plataforma desenvolvi o projeto do curso de react também, mas não sou eu quem gravou as aulas, mas vale dar uma olhada que ta bem legal!

[@tikararaps133]

Vídeo incrível❤️🥰

[@jhonnsantos4359]

Tem que ter cuidado usando o Gap por causa da responsividade, vai ter que usar um media query

[@romulotorresmelo1583]

qual camera você usa nos vídeos ?

[@ryanbarros3534]

Pessoal, não tem muito a ver com o assunto, porém kkkkk O "!" do meu vscode não esta mais funcionando o atalho para o corpo do código, alguém sabe oq pode ser ?

[@Gostosolucas]

dica (VScode): hoje o atalho não é mais ctrl + k + c ou ctrl + k + u, agora é apenas ctrl + o botão de dois pontos ( : ) ctrl + : tanto pra comentar quanto pra descomentar e isso funciona em todas as linguagens independente da forma que cada uma usa pra comentar

[@gabrielsilvaferreira3823]

Rafa vc n é o css, mais me deixa responsivo em qualquer lugar.

[@juniomachado4507]

Rafa qual o tema q vc usa no seu VsCode?? Achei ele mto foda :3

[@rafaellaballerini]

Eu uso o Ballerini Theme! 🖤

[@juniomachado4507]

@@rafaellaballerini aaaaaa vlwwww s2

[@dayanapassos2711]

Ao utilizar o flex-basis ele só muda o width, o heigth eu preciso definir de forma separa. Isso é normal? Isso tanto usando as propriedades de forma separa ou na juntas na flex.

[@ericpaes3281]

Acho que depende do eixo que você ta trabalhando. Como o eixo principal é o row, ele vai modificar a linha. Se fosse em colunas, seria a altura

[@LoboCharles]

top :D

[@vinicius.teipei]

Ainda não consegui posicionar cada box do meu ! 😭

[@leonardoalves7740]

galera, fui hackeado e pelo que vi ficaram spamando la no server do discord. Ai fui banido e nao consigo entrar novamente, será que algum mod pode me adicionar novamente por favor?

[@BrunoHenrique-wq6qs]

monstra

[@helder-rangel]

😀

[@lucasgraf9508]

Alguém sabe o instagram dela ?

[@_gabrielfratelli]

" Ctrl ; " também comenta e descomenta o código.

[@benmoraes5511]

10:04

[@georgekolody7721]

Parece que faz tanto tempo que assisti a primeira aula kkkk.. nessa vida de estudante se passa 10 anos em um mês… fora os cabelos brancos

[@joaocuriosidades2331]

alguém conseguiu resolver o ultimo desafio do jogo do sapinho?

[@alexsantos8410]

que mulher belíssima , me apaixonei kkkkk

[@thiagoalbuquerque5703]

Shift + Alt + A comenta e descomenta o código.

[@kevinanjos6519]

CSS me dá medo kkkkkk

[@newtoncesargarcia9254]

vou ver o video de novo nn prestei mt atenção

[@rafaellaballerini]

bons estudos!

[@andreyamamoto1709]

Ela é tao linda q tenho q ver o video 2x pra prestar atenção.

[@dev-devvek1ng413]

;-;