CSS Grid Layout e Flexbox - Quando Utilizar
HTML-код
- Опубликовано: 25 июн 2024
- Entenda como posicionar elementos utilizando CSS Grid Layout e Flexbox.
Curso Gratuito de CSS Flexbox
www.origamid.com/curso/css-fl...
Curso Gratuito de CSS Grid Layout
• 🐺 CSS Grid Layout - Cu...
Arquivos da aula:
github.com/origamid/publico/t...
00:00 Introdução
07:50 Flexbox
13:00 Grid 1
23:40 Grid 2
29:15 Grid 3
I did not understand your language, but the examples are ao amazing and easy to follow. Thank you so much for doing this. Way better than a lot of big english channels out there.
true
yah, this is a god very good!!
Yes. I also didn't understand and come to know now its Portuguese. Wonderful and best examples. Do you have also videos in English...if not never mind...examples are wonderful....Awesome.....
Que Orgulho da Origamid
he's a wizard guys
18:13 Posicionar item no GRID.
22:48 Outra forma de posicionar item no GRID.
30:27 Mais outra forma de posicionar item no GRID.
Aprendi flexbox e grid gratuitamente aqui e Hoje me tornei aluno oficial da Origamid la na plataforma de cursos, agora bora pro JavaScript, depois React e depois Vue o céu não é o limite :D
Comentário muito inspirador 🙌
@@aliciasilva1421 tmj Alícia.
@@brunosantanadev e aí Bruno! Como tá sua carreira? Os cursos foram bons?
Tbm gostaria de saber sua evolução
@@humbertolima2339 e @Cassio Szerniak estou estudando ainda mano tive alguns problemas como doença acabei ficando 5 meses sem estudar, mais sigo estudando.
Evoluir é necessário e eu não vou para até atingir meu objetivo, eu estava indo com um pouco de pressa e agora estou estudando sem pressa para absorver bem o conteúdo.
em 2014 eu tinha parado de estudar, abandonei legal e ai no final de 2020 eu voltei e tomei um susto kk.
A web mudou muito é muito novidade para aprender kk, mais pra mim isso não é problema, o maior problema é tempo.
Se vocês pensão em fazer o curso dele eu recomendo que faça, a didática é perfeita, não tem como não aprender.
Melhor investimento que fiz.
1:20 Criando cabeçalho do site
7:50 Começando com Flexbox
9:00 Minutos que fala sobre a quebra de itens
12:57 Iniciando com Grid
20:55 Parte responsiva com Media Query
23:50 Criando site semelhante ao RUclips com Grid
8:25 Ri demais com "lobo1.jpg" legenda "bicicletas"
Mas a aula em si, é excelente.
Obrigado
O CARA É SENSACIONAL
MEO DEOS, 3 anos dps e ainda é a melhor aula de grid.
Simplesmente incrível ! Parabéns pelo conteúdo.
Show! Seu conteúdo nos inspira a sair da zona de conforto. A gente acaba usando frameworks css pra tudo. Mas ao assistir vídeos como esse, dá gosto começar novos projetos usando 0% de frameworks css.
Com certeza. Mesmo com a facilidade que wordpress nos oferece, sempre busco fazer do 0 meus projetos. Até porque, mesmo que André, informa para não tentar inovar muito, sempre gosto de inventar alguma coisa. Claro que não sujando a visualização do site.
@@Alexandre_79 Eu nunca acho suficiente os template do wordpress que acho, sempre tem ajustes que quero fazer e não consigo ou da mt trabalho, uma dificuldade que enfrentava era o posicionamento já que o wordpress é dinamico, agr com esse grid sei que consigo fazer o que quero e irei criar template do zero utilizando-o, mt bom achar conteudo bom e ainda usar ferramentas puras até pra sempre otimizar
Comecei a aprender python, mas depois descobri que tá tudo pronto não é só ir nos framework e em suas respectivas bibliotecas e documentações, saí dele e fui pro html e css puro indo pro JS.
Sia0q
Um dos melhores vídeos sobre CSS... Muito obrigado e parabéns!
Que didática incrível! Parabéns cara!
Agradeço por compartilhar um pouco do seu conhecimento com a comunidade. Parabéns pelo grande trabalho.
Muita qualidade em um vídeo só. Parabéns e obrigado!
muito boa a sua explicação, parabéns por dividir esse conhecimento!
Cara, esse vídeo é muito top...sem frescura, direto ao ponto
Muito show! Gostei demais da aula, direto ao ponto 👏🏻
Cara, parabéns pelo conteúdo muito bem explicado e simplificado.
Obrigado por vc postar um conteúdo tão TOP!!!
Cara, muito, muito, muito obrigado! Aula excelente. Prática e direta.
Parabéns, vídeo muito bem explicado, didático e sem enrolação, me ajudou demais no meu próximo projeto
Andre, mais um show de aula. Parabens.
Genial! Muito obrigado por disponibilizar essas informações 👏👏👍
Meu deus cara! Seu vídeo é muito bem explicadinho, que conteúdo de qualidade.
Eu sinceramente estou muito surpreso.
Parabéns pelo vídeo. Ótimo conteúdo, objetivo e bem simples.
Código Totalmente limpo sem mi mi mi. Excelente!!! eu estava horas e horas buscando exatamente esse conteúdo. pois eu sabia que era possível fazer isso eu só não sabia como organizar muito obrigado❤🔥💯
Parabéns. Uma super aula para entender de vez o funcionamento de CSS grid e flex.
Cara, que aula top! Os exemplos são os melhores!!
Realmente um vídeo para ser colocado na galeria dos mais acessados. Parabéns pelo belo trabalho.
Melhor conteúdo que já vi, explicação simples é direta ao ponto.
Que explicação e didática magnífica!
2 anos depois esse video me ajudou muito! Gratidão eterna irmão!
A didática baseada em aplicação de exemplos é excelente. A melhor que já vi até agora. Obrigado pela contribuição com a comunidade.
Incrível seus vídeos professor André Rafael. Uma qualidade de conteúdo absurda!
Recomendo demais seu canal.
Fantástico vídeo. sem enrolação e informação clara. Parabéns.
Que vídeo incrível, super direto, sem enrolação e fácil de entender e acompanhar. Parabéns
Muito bom, André! Definitivamente a melhor aula sobre o assunto. Considerarei a Origamid para o meu próximo curso. Obrigado.
Muito bom, explicação clara e facil de compreender. Um maximo esse conteudo.
Melhor tutorial de CSS que já assisti até hoje!! Caramba!
Craque, aprendi muito aqui! Obrigado por compartilhar.
Conteúdo top dms! Vlw dms por compartilhar todo esse conteúdo conosco!
Rapaz , já vi vídeo de css mais esse aqui tá liderando no quesito qualidade + relevância +tudo.
Que incrível.
O cara é o magaiver
.
mds, essa aula foi impressionante!!! amei, traz mais videos, eles são muito didaticos......um dos melhores que tem no youtube!
Parabéns pelo conteúdo, muito bem explicado.
Mano, que vídeo top. Vc manja muito. Parabéns.
Sem dúvidas um dos melhores videos sobre Front End e talvez o melhor sobre CSS GRID E FLEXBOX que podemos encontrar em português, parabéns!
Valeu pelas dicas. Ajudou muito nas dúvidas que tinha!
Esse vídeo foi o mais completo que vi com grid e flex na prática. Parabéns pelo trabalho! 👏👏
Muito Obrigado! Ótima a explicação e a ideia de comparar Grid Layout e Flexbox. Parabéns e obrigado.
Muito massa, esse vídeo foi um dos motivos pelo qual adquiri os cursos pagos da Origamid, o André é foda!
De tantos vídeos que vi sobre tal assunto, foi o que mais abriu minha mente. OBG!
cara, seu video está muito bom, bem explicativo, seus exemplos estão bem feitos e bem gravados e super faceis e aprender e replicar, continue com mais videos assim!!
Amei o modo como explicas e até parece que entendi melhor do que na formação ( dás num óptimo prof, mano)! Obrigado por partilhar seu conhecimento. Força
Foi um dois melhores vídeos (se não o melhor) que já vi de CSS. Responsividade em 12min sem media queries!! Muito foda!!!
Excelente explicação, muito prático mesmo! Parabéns.
Os cursos são fantasticos. Poucas vezes vi um material de tão excelente qualidade. O instrutor domina o assunto e passa de forma didática.
Estou encantado com os videos da Origamid, sensacional, parabens.
Melhor vídeo sobre o assunto que eu já assisti.
Professor que aula top!!! Parabéns!
Show! Show! Ótima aula. André domina perfeitamente a parte teórica com a prática.
Muito bom. Valeu a pena cada minuto!
Melhor vídeo explicativo de Grid e Flex que já vi pela Internet. Se os videos dos cursos forem desse nível, vou fazer sem dúvida.
Aula direto ao ponto, top 🎉 ❤
Foi uma aula grande porem 100% produtiva. Muito obrigado!
Caraca. O melhor que já vi. Obrigado!!!! Aprendendo a gostar de css com você
Melhor explicação que já vi no youtube sobre o assunto, obrigado pela aula
Aprendi muito, valeu chefia!
Que video maravilhoso. Baita professor!
Show! Muito bem explicado.
Simplesmente abismado com a explicação , um modo simples e perfeito criando assim um aprendizado gratificante , super fácil de entender, já havia procurado vários vídeos sobre grid , mas nenhum explicando tão bem assim. Parabéns ao instrutor!
Coloquei nos favoritos para voltar aqui cada vez que tiver uma dúvida... muito bom.
Excelente seu vídeo!! Muito obrigada por compartilhar seus conhecimentos.
Muito boa explicação, me tirou todas as dúvidas acerca do flex e do grid. Parabéns, show!!!
Bravo! Excelente aula. Boa didática e objetividade. Sem enrolação, direto e eficiente. Parabéns pelo trabalho. Vou salvar pq sei que vou ver e rever ;)
Cara! fantástico. 1 mês de conteúdo em uma aula. Só tenho a agradecer!
Excelente video, entendi claramente as diferenças e aprendi de modo fácil como usar o grid e quando usar um ou outro!! Obrigado.
cara namoral, eu estava procurando algum tutorial de CSS, para poder entender o que cada função fazia mais afundo... encontrei seu video e apesar de não ter sido o que eu estava procurando, me ajudou de mais. Uma didática rápida e clara. Prabéns! +1sub
Que vídeo sensacional! Muito obrigado por compartilhar.
Primeira vez que eu vejo alguém estilizar assim com tanta facilidade e precisão. Parabéns 👏👏
Que video maravilhosoooo, salvando nos meus favoritos!
Melhor aula de css que já tive
Esse vídeo simplesmente explodiu minha cabeça, está foda e fácil de entender.
Muito irado! Explica bem pra caramba!
Parabéns e obrigado pelo vídeo. Exemplos e didática muito bons.
Cara cê tá de parabéns!!! Pra mim que ainda está aprendendo o Grid, sua aula foi espetacular! Caramba que linguagem clara e simples. Nunca vi um tutorial desse tipo tão simples e fácil de entender. Vlw!!!
Fazia tempos que não lidava com front-end, não lembro de ter esses conceitos de grid e flex, fiquei abismado com a facilidade de criar uma top-bar.
e me lembrar que meados de 2007 estava criando top bar com kkk
@@GabrielRodriguesDEV kkk que gambiarra kk
float: right;
@@GabrielRodriguesDEV IE6 vs Netscape. kkkkkkkkkkkkkk
Ainda lembro do tempo do tablet fiz muito KKK pra vender.n
Excelente, estou criando sites com react e na hora de pensar em desempenho eu já pensava no Flex, mas fui expandir minha mente e achei essa perfeição ensinando bem que ambos são bons e o poder dos 2.
Obrigado pela aula!
Obrigado pelo conteúdo! Fiz aqui e deu certo.
Excelente! Obrigado pela aula.
SENSACIONAL!!!! Esse cara é o melhor br quando o assunto é CSS.
Parabéns!!! Show de aula
Parabéns, excelente tutorial.
S E N S A C I O N A L ! TUDO Muito bem explicado ! ! Parabéns pelos vídeos ! ! !
Caraca! Que aula... Já estava a 3 dias tentando aprender essa parte e em duas vezes que assistir foi o suficiente... Parabéns pelo conteúdo e por ser direto sem muita teoria...
Parabéns, ótima explicação.
Excelente explicação! show de bola...
Em Alemão, sensationell!
top de mais, parabéns!
Cara curti muito o vídeo. É difícil achar gente q explica cada elemento que está utilizando, e vc fez isso mt bem. Show
Ótimo vídeo!... Muuuuito bem explicado! Parabéns!
Aula excelente! Merecia muito mais likes!
O melhor video de css que ja vi! Meu Deus..
Sensacional, obrigado pelo conteúdo !