CSS Grid Layout e Flexbox - Quando Utilizar

[@cooljohnny9402]

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.

[@aureliofelix3335]

true

[@namisanws2340]

yah, this is a god very good!!

[@kamranfazal2128]

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

[@phill.6789]

Que Orgulho da Origamid

[@hendersonfernandes7378]

he's a wizard guys

[@ProfGilRodrigues]

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.

[@christianlouzada8117]

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 KZbin com Grid

[@brunosantanadev]

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

[@aliciasilva1421]

Comentário muito inspirador 🙌

[@brunosantanadev]

@@aliciasilva1421 tmj Alícia.

[@cassioszerniak6389]

@@brunosantanadev e aí Bruno! Como tá sua carreira? Os cursos foram bons?

[@humbertolima2339]

Tbm gostaria de saber sua evolução

[@brunosantanadev]

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

[@arthurnoronha9594]

O CARA É SENSACIONAL MEO DEOS, 3 anos dps e ainda é a melhor aula de grid.

[@Kazeno]

5 anos skjsks

[@igor-tcruz]

8:25 Ri demais com "lobo1.jpg" legenda "bicicletas" Mas a aula em si, é excelente. Obrigado

[@barrosofilho42]

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.

[@Alexandre_79]

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.

[@OQueLucas]

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

[@maninisiemel]

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.

[@kicenggg8363]

Sia0q

[@PedroSilva-of8tz]

Que vídeo incrível, super direto, sem enrolação e fácil de entender e acompanhar. Parabéns

[@itstarci]

Incrível como o André conseguiu dar essa aula há 5 anos e ela continua tão atual e útil até hoje! Parabéns, você está ajudando milhares de pessoas a serem ótimas Desenvolvedores 👏🏻

[@Lua00001]

Sua didática é incrível!!! Levei três dias para terminar hahah Mas aprendi, de modo efetivo, algo que já estava levando semanas. Muito obrigada! :)

[@JasonDeveloper]

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❤‍🔥💯

[@calexoliveira3101]

Essa será a melhor aula que vc verá nos últimos anos! Parabéns!👏👏👏

[@thpablo23]

Não tenho conhecimento para entender todo conteúdo apresentado, cai de paraquedas nesse vídeo procurando explicações sobre o que é flexbox e grid. Porém apenas pelo início da aula, achei a didática incrível. Espero voltar aqui com o conhecimento necessário para entender tudo, obrigado.

[@SamXDesc]

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.

[@GabrielRodriguesDEV]

e me lembrar que meados de 2007 estava criando top bar com kkk

[@dragonslayer5277]

@@GabrielRodriguesDEV kkk que gambiarra kk

[@unclesam2941]

float: right;

[@fabiofelipe3238]

@@GabrielRodriguesDEV IE6 vs Netscape. kkkkkkkkkkkkkk

[@planob9201]

Ainda lembro do tempo do tablet fiz muito KKK pra vender.n

[@kadumagalhaes9894]

De longe a melhor explicação sobre Flexbox que encontrei na internet! Obrigado e parabéns pelo conteúdo!

[@DonosDaGrana]

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 .

[@harouca]

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.

[@yurioliveira2041]

melhor aula sobre posicionamento que eu ja vi, ja sou aluno da origamid e graça a esse cara eu estou preste a arrumar um emprego na área, só tenho a agradecer ao andré

[@Rafael-gk8gm]

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.

[@vitorcastilho9372]

Ainda um dos mais completos sobre o assunto! Depois de dois anos ainda procuro por este vídeo quando fico na dúvida... sou backend e raramente preciso mexer no front...

[@eiestevam3979]

so de ver esse video sinto que meu fluxo de trabalho melhorou kkk. muito bom. Ver alguém com experiência aplicando flex e grid, realmente é algo indispensável. obrigado pelo video

[@jhonataross_]

Fazendo o curso de CSS Grid Layout foi muito foda passando pelos conceitos vi que realmente é importante, ao começo desse video eu observei os wireframes e tentei fazer antes da solução, errei muito pouco mas vi que entendi muita coisa, no mais, OBRIGADO ANDRÉ

[@mauricioazevedo4387]

é, não sei se é bem assim

[@lucas.oliveira11]

2 anos depois esse video me ajudou muito! Gratidão eterna irmão!

[@slatantofaz7352]

Cara curti muito o vídeo. É difícil achar gente q explica cada elemento que está utilizando, e vc fez isso mt bem. Show

[@dayanapassos2711]

Excelente. Ainda não conseguiria executar nada do que fez aí, mas foi muito bom entender como tudo é usado. Acredito que vai facilitar muito meu aprendizado. Obrigada 😍

[@felipeleite11]

A didática baseada em aplicação de exemplos é excelente. A melhor que já vi até agora. Obrigado pela contribuição com a comunidade.

[@endriwbraga7583]

Eu já havia visto uma aula de CSS grid, entendi muito pouco, mas agora assistindo sua aula saiu sem nenhuma duvida em busca de um desafio para treinar oque entendi. Muito Obrigado por essa aula.

[@928link]

Cara! fantástico. 1 mês de conteúdo em uma aula. Só tenho a agradecer!

[@redefamatv]

OS BR FAZENDO BONITO PARA OS GRINGOS.....QUE ORGULHO....MUITO BOM TEACHER...APRENDENDO BASTANTE COM SEUS VIDEOS....SHOW DE BOLA!!!

[@uendelives6682]

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!

[@stefano9299]

incrivel,depois de me deparar com varios cursos ensinando posicionamentos de formas extremamente dificeis,me deparar com esse video fez abrir uma luz no fim do túnel,parabéns.

[@YuriCavalieri]

RIDICULO O TANTO QUE ESSE VIDEO É BOMMMMM !!!!!!!!!! ABRIU NOVOS HORIZONTES NA MINHA CABEÇA. CONTEUDO FODAAA !!!!!!!!

[@TrizBarros]

ÚNICO vídeo que me ajudou a alinhar e entender em grid, thanksssssssss

[@regincampelo]

Cara, meus parabéns! estou aqui em 2024 consumndo seu conteúdo rico em aprendizado para cosntrução de layouts. (dificil achar um video tão bom e completo assim)

[@severinocarvalho5932]

Agradeço por compartilhar um pouco do seu conhecimento com a comunidade. Parabéns pelo grande trabalho.

[@vicyoslinuxofficial2607]

Caraca, esse cara é brabo! Melhor vídeo brasileiro que eu vi até hoje. Depois desse vídeo, quem odiava CSS não odeia mais. kkkkkkkk

[@racine1866]

Cara tive que comentar, ótimo conteúdo, venho lendo sobre CSS Layout e pessoal complica muito, aqui foi fácil pacas e objetivo ta de parabéns !

[@FredinhoMandu]

Cara concordo, didática ótima, vi varias aulas e todas complicadas, ja cheguei a ver 4 horas de aula que não me explicaram tão bem quanto esses 40 min.

[@walesonmelo9800]

Alem de dominar css eh excelente professor didatica incrivel, impossivel nao aprender +1 inscrito e obrigado pessoas assim transformam o mundo

[@antonioazevedo2080]

Sou iniciante e estava procurando por um curso, objetivo, linguagem clara, onde é explicado cada passo e o porquê de cada instrução. Você está parabéns. Farei em breve minha inscrição no seu site.

[@devrenj]

Monstro demais! Ainda vou comprar o vitalício, é aprendizagem pura, muito didática. Parabéns pelo seu trampo

[@lucasinacio3162]

Muito massa, esse vídeo foi um dos motivos pelo qual adquiri os cursos pagos da Origamid, o André é foda!

[@carlosalex7885]

De tantos vídeos que vi sobre tal assunto, foi o que mais abriu minha mente. OBG!

[@daviddean5803]

Estou encantado com os videos da Origamid, sensacional, parabens.

[@kaynan13]

Mano, cliquei como quem não queria nada e tu resolveu o BO do meu site. Parabéns, na moral

[@luizinniziul2976]

Meu deus cara! Seu vídeo é muito bem explicadinho, que conteúdo de qualidade. Eu sinceramente estou muito surpreso.

[@ByteMirage]

muito boa aula,todas as aulas do youtube tem muita enrolação aqui vai direto ao ponto,muito bom.

[@guilhermecesarvalentecosen7007]

Em pleno 2023 e esse vídeo me ajudando demais!!! MUITO OBRIGADO! Video curtido e um novo inscrito!

[@claudiakruger]

Ainda não conhecia o grid. Estou no começo. Mas consegui acompanhar razoavelmente. Obrigada!

[@ronaldobezerra6703]

Aí vc é iniciante e se depara com uma aula dessas... Vc pira. O cara é muito fera. Parabéns 👏

[@mbs2488]

S E N S A C I O N A L ! TUDO Muito bem explicado ! ! Parabéns pelos vídeos ! ! !

[@raisouzaart]

Resolvi rever o css, que antes eu só brincava, mas agora estou disposto a aprender pra ter uma nova profissão. Impressionante sua aula. Tudo simples e bem explicado e eu achava bicho de 7 cabeças.

[@morangayce5308]

Antes mesmo de acabar de ver vídeo, já amei... Nunca me apaixonei assim tanto por HTML e CSS, mas este vídeo me deu está paixão...Amei de verdade!

[@ulissesmoraes6953]

André, aula top! Parabéns pela didática. Direto ao ponto.

[@rodrigomarinho1611]

Nossa sem armengues, usando tudo que o CSS tem pra dar, da maneira correta. Ta de Parabéns!

[@PauloHenrique-ik9de]

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!

[@Everaldobass]

Melhor conteúdo que já vi, explicação simples é direta ao ponto.

[@robertofeitosa1141]

Primeira vez que eu vejo alguém estilizar assim com tanta facilidade e precisão. Parabéns 👏👏

[@junioraos4074]

Coloquei nos favoritos para voltar aqui cada vez que tiver uma dúvida... muito bom.

[@nftcentral3449]

Fantástico vídeo. sem enrolação e informação clara. Parabéns.

[@felipedantas8153]

Cara eu não acredito que isso é um curso por isso me senti descontextualizado, nossa excelente notícia!!! vou fazer

[@K1LL3RH1GT3CH]

Que aula maravilhosa cara, parabéns, fiquei admirando seu trabalho e conhecimento, se um dia eu atingir 20% da sua habilidade ficarei muito feliz, grande abraço.

[@ailtonferreiraluz9025]

Excelente didática e forma de mostrar a aplicação na prática... Ganhou mais uns inscrito... Parabéns!

[@romulomartins1148]

Esse provavelmente é o melhor vídeo de css que já vi até hoje

[@Bread-vk8fl]

SENSACIONAL!!!! Esse cara é o melhor br quando o assunto é CSS.

[@ismaelborges7918]

Não faz ideia de como esse vídeo foi útil pra mim, era exatamente a dúvida que eu tinha, valeu cada centavo comprar o vitalício do seu curso.

[@FabricioEsmerio]

Esse vídeo simplesmente explodiu minha cabeça, está foda e fácil de entender.

[@viniciusstl]

Tá maluco, espero chegar nesse nível um dia... Manja muito!

[@micaelalgarrao6043]

css é osso kkkkkk

[@teodosiosantos1134]

já vi esse vídeo umas 30 vezes, só porque é bom

[@teodosiosantos1134]

cacete kkk agora tô aprendo boostrap

[@teodosiosantos1134]

Eu de novo kkkkkko

[@teodosiosantos1134]

euzinho kkkkkkkkkkkkkkkkkkkkkk

[@mateusfigueredo9242]

melhor video que já vi sobre flexbox e grid parabéns pela didática.

[@antonelladuca4928]

Parabens!!! El único video que vi (y busque muchos en español e inglés) que realmente explica de una forma clara y útil la diferencia entre GRID y FLEXBOX.

AGORA QUE ENTENDI! Por que dizem que os cursos da Origamid é o melhor

[@DevArthurSantos]

Krl mano, que vídeo foi esse... Minha mente explodiu... Muito bom parabéns e sucesso na sua jornada tmj...

[@guilhermemarques6713]

Cara que video maravilhoso, eu estava criando um site utilizando Grid do bootstrap, porem o grid dele é mt limitador, acabei que em uma aula que nem era exatamente de como criar um layout grid eu apreendi e achei mt mais facil, pratico e util, graças a sua explicaçao maravilhosa professor, obrigado!!!!

[@walacedesouza2243]

Que aula incrivel! Sou aluno do André já há um tempo e digo com toda certeza que é o melhor curso nesse sentido que tem por ai. Tanto que ele não faz propaganda e mesmo assim tem milhares de alunos. Quem por ventura ta lendo e ta com duvida, pode comprar. Além do suporte dele ser quase que imediato. Eu as vezes mando um e-mail pra ele e menos de 1h depois ele responde.

[@madness3692]

que aula foda irmao, ainda pra mim que estou iniciando em html, css, voce foi rapido, mas foi pausando, testando, escrevendo, voltando, e deu pra entender bem legal, belo trabalho !

[@FabioSouttoDev]

Adorei essa aula, quando o professor sabe ensinar a matéria fica fácil de compreender. Com certeza vou me inscrever nos teus cursos pagos e seguir meu desenvolvimento. Estou retornando a carreira de front-end depois de 7 anos fora da área e tenho muita coisa pra me atualizar, mas gostei muito do que ví aqui. Um abraço e parabéns pela aula!

[@arielgomes8239]

Muito obrigado pelo conteúdo amigo, estava apanhando demais com essa questão de layouts. Já deu uma luz aqui!

[@viniciusapacite4585]

mds, essa aula foi impressionante!!! amei, traz mais videos, eles são muito didaticos......um dos melhores que tem no youtube!

[@guilhermebritomarcelo2019]

cara sua aula me tirou de um sufoco no trabalho, Obrigado

[@HelioDutra]

Show! Show! Ótima aula. André domina perfeitamente a parte teórica com a prática.

[@LaercioLopesLL]

Em 6 minutos já consegui ver o que precisava. Orgulho de ser vitalício!

[@Guilherme16091994]

Melhor explicação que já vi no youtube sobre o assunto, obrigado pela aula

[@renatopicco9882]

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.

[@julianolandim2140]

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

[@diegorudolph6219]

Die beste Erklärung über Flexbox und Grid-Layout, die ich bisher auf KZbin gefunden habe.

[@counter215]

Melhor aula de css que já tive

[@Kim-Barroso]

Considerando o aprendizado o tempo de video é ótimo , se eu tivesse mais tempo pra estudar faria o curso muito top.

[@ifelipedeveloper]

Cara vc e um homem abençoado, pelo conhecimento que Deus te deu e por ter grande talento na sua área. Pretendo fazer seu curso em breve quando sair outra promoção.

[@dav.R7]

Esse vídeo foi o mais completo que vi com grid e flex na prática. Parabéns pelo trabalho! 👏👏

[@eminesbr]

comprei o vitalicio e nem tinha visto nada, mas depois desse video vou com certeza assistir, qualidade de conteudo top

[@emmersonoliveiraassuncao4948]

Da próxima vez que tiver desconto no curso vou comprar o vitalício. Esse cara é fera. poupou 1 a 3 semanas de estudo de css em menos de 1 hora. ksjksjks

[@vinicius.teipei]

Sem querer caí aqui e o conteúdo veio na hora certa 😁 !

[@pirataxt6198]

Esta é primeira vez em que eu dei um "Like" em um vídeo.... merecedor... parabéns...

[@guilhermeh.v.santos7424]

Que Aula pqp!!!! To meio sem palavras aqui so contemplando o que assisti!!!!

[@DavidSantos-vn6oi]

Estou aprendendo a montar sites com html css js. Mas ainda preciso entender mais sobre as flex-box. Sinto que tenho bastante dificuldade nessa parte. Foi ontem que eu estudei um pouco e comecei a entender melhor, mas vejo que preciso focar um pouco mais. Curti muito a aula, aprendi bastante.

[@jairosousa8148]

Incrível seus vídeos professor André Rafael. Uma qualidade de conteúdo absurda! Recomendo demais seu canal.

[@odairpanizzijunior]

Tu vê que a pessoa sabe quando parece que tá brincando 😮. Show, parabéns. Um dia eu chego lá, tô estudando pra isso!

[@gabrielbaldez3178]

Melhor vídeo sobre o assunto que eu já assisti.

[@tiemeakamineterpilauskas1358]

Achei esse vídeo maravilhoso! uso flexbox há anos e não entendia vários elementos que eu usava hahahah agora está muito mais fácil!

[@YannickTMessiah]

Loguei aqui só pra dar like no vídeo, achei simplesmente excelente. Parabéns.