CSS Grid Layout e Flexbox - Quando Utilizar

No video

CSS Grid Layout e Flexbox - Quando Utilizar

Рет қаралды 648,254

Күн бұрын

Entenda como posicionar elementos utilizando CSS Grid Layout e Flexbox.
Curso Gratuito de CSS Flexbox
www.origamid.c...
Curso Gratuito de CSS Grid Layout
• 🐺 CSS Grid Layout - Cu...
Arquivos da aula:
github.com/ori...
00:00 Introdução
07:50 Flexbox
13:00 Grid 1
23:40 Grid 2
29:15 Grid 3

Пікірлер: 673

@cooljohnny9402 5 жыл бұрын

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 5 жыл бұрын

true

@namisanws2340 4 жыл бұрын

yah, this is a god very good!!

@kamranfazal2128 4 жыл бұрын

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 4 жыл бұрын

Que Orgulho da Origamid

@hendersonfernandes7378 3 жыл бұрын

he's a wizard guys

@ProfGilRodrigues 4 жыл бұрын

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.

@brunosantanadev 3 жыл бұрын

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 3 жыл бұрын

Comentário muito inspirador 🙌

@brunosantanadev 3 жыл бұрын

@@aliciasilva1421 tmj Alícia.

@cassioszerniak6389 3 жыл бұрын

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

@humbertolima2339 3 жыл бұрын

Tbm gostaria de saber sua evolução

@brunosantanadev 3 жыл бұрын

@@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 2 жыл бұрын

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

@christianlouzada8117 3 жыл бұрын

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

@barrosofilho42 5 жыл бұрын

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 5 жыл бұрын

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 4 жыл бұрын

@@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 2 жыл бұрын

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 2 жыл бұрын

Sia0q

@SamXDesc 5 жыл бұрын

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 4 жыл бұрын

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

@dragonslayer5277 4 жыл бұрын

@@GabrielRodriguesDEV kkk que gambiarra kk

@unclesam2941 4 жыл бұрын

float: right;

@fabiofelipe3238 3 жыл бұрын

@@GabrielRodriguesDEV IE6 vs Netscape. kkkkkkkkkkkkkk

@planob9201 Жыл бұрын

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

@igor-tcruz 3 жыл бұрын

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

@PedroSilva-of8tz 4 жыл бұрын

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

@JasonRNascimento 2 ай бұрын

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

@Lua00001 2 жыл бұрын

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! :)

@Rafael-gk8gm 3 жыл бұрын

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.

@kadumagalhaes9894 4 жыл бұрын

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

@felipeleite11 4 жыл бұрын

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

@uendelives6682 4 жыл бұрын

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!

@DonosDaGrana 3 жыл бұрын

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 .

@desativado27383 3 жыл бұрын

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

@severinocarvalho5932 3 жыл бұрын

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

@harouca 3 жыл бұрын

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 3 жыл бұрын

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é

@devrenj Ай бұрын

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

@slatantofaz7352 3 жыл бұрын

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

@928link 2 жыл бұрын

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

@vitorcastilho9372 2 жыл бұрын

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 2 жыл бұрын

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

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

@raisouzaart 18 күн бұрын

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.

@antonioazevedo2080 3 жыл бұрын

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.

@walesonmelo9800 4 жыл бұрын

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

@robertofeitosa1141 3 жыл бұрын

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

@luizinniziul2976 3 жыл бұрын

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

@viniciusstl Жыл бұрын

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

@micaelalgarrao6043 Жыл бұрын

css é osso kkkkkk

@gabrielbaldez3178 2 жыл бұрын

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

@thpablo23 2 жыл бұрын

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.

@K1LL3RH1GT3CH 3 жыл бұрын

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.

@daviddean5803 10 ай бұрын

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

@jhonataross_ 5 жыл бұрын

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 2 жыл бұрын

é, não sei se é bem assim

@lucasinacio3162 4 жыл бұрын

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

@nftcentral3449 2 жыл бұрын

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

@matheussantanna5537 Жыл бұрын

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

@mariacardoso5145 8 күн бұрын

Melhor explicação! Estava com problemas, resolveu certeiro!

@redefamatv 3 жыл бұрын

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

@FabioSouttoDev 2 жыл бұрын

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!

@Everaldobass 2 жыл бұрын

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

@ailtonferreiraluz9025 4 жыл бұрын

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

@carlosalex7885 Жыл бұрын

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

@ulissesmoraes6953 5 ай бұрын

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

@counter215 3 жыл бұрын

Melhor aula de css que já tive

@racine1866 4 жыл бұрын

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 4 жыл бұрын

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.

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

@ronaldobezerra6703 2 жыл бұрын

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

@rodrigomarinho1611 3 жыл бұрын

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

@julianolandim2140 3 жыл бұрын

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

@Kim-Barroso 17 күн бұрын

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

@mbs2488 Жыл бұрын

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

@morangayce5308 3 жыл бұрын

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!

@viniciusapacite4585 2 жыл бұрын

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

@guilhermecesarvalentecosen7007 Жыл бұрын

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

@natanaelc7 3 ай бұрын

Aula direto ao ponto, top 🎉 ❤

@HelioDutra 3 жыл бұрын

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

@claudiakruger 2 жыл бұрын

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

@stefano9299 2 жыл бұрын

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.

@AlexFernandesDev Жыл бұрын

Craque, aprendi muito aqui! Obrigado por compartilhar.

@junioraos4074 4 жыл бұрын

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

@guilhermeh.v.santos7424 2 жыл бұрын

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

@mateusfigueredo9242 4 жыл бұрын

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

@Guilherme16091994 2 жыл бұрын

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

@devtype6143 3 жыл бұрын

O melhor video de css que ja vi! Meu Deus..

@YuriCavalieri Жыл бұрын

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

@madness3692 2 жыл бұрын

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 !

@InteligenciaJ Жыл бұрын

Excelente explicação, muito prático mesmo! Parabéns.

@ifelipedeveloper 2 жыл бұрын

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.

@jeffersoncipriano28 2 жыл бұрын

Parabéns a melhor aula que assisti

@regincampelo 6 ай бұрын

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)

@Igor-vk8fl 2 жыл бұрын

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

@vicyoslinuxofficial2607 2 жыл бұрын

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

@eminesbr 2 жыл бұрын

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

@rbmdesenvolvimento 4 жыл бұрын

Realmente um vídeo para ser colocado na galeria dos mais acessados. Parabéns pelo belo trabalho.

@lisandrorezendecazuza7124 Жыл бұрын

Valeu pelas dicas. Ajudou muito nas dúvidas que tinha!

@FabricioEsmerio Жыл бұрын

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

@walacedesouza2243 2 жыл бұрын

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.

@cleyssonmarques5547 2 жыл бұрын

Achei seu vídeo muito foda cara tô aprendendo a mexer agora mais esse seu vídeo me motivou a não para de tentar de erra e acerta e tentar de novo

@jksnbrazil1 3 жыл бұрын

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

4 жыл бұрын

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

@ismaelborges7918 3 жыл бұрын

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.

@lucasporto8395 4 жыл бұрын

Muito bom, André! Definitivamente a melhor aula sobre o assunto. Considerarei a Origamid para o meu próximo curso. Obrigado.

@jairosousa8148 2 жыл бұрын

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

@YannickTMessiah 3 жыл бұрын

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

@pirataxt6198 3 жыл бұрын

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

@kaynan13 2 жыл бұрын

Até me inscrevi pra consumir todo o conteúdo do canal

@dirleneaparecidaalmeidaesi6058 3 жыл бұрын

Excelente seu vídeo!! Muito obrigada por compartilhar seus conhecimentos.

@osninjabr 2 жыл бұрын

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

@romulomartins1148 3 жыл бұрын

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

@guilhermebritomarcelo2019 4 жыл бұрын

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

@yurihsp 3 жыл бұрын

Melhor tutorial de CSS que já assisti até hoje!! Caramba!

@llucasbrasil 2 жыл бұрын

Parabéns pelo conteúdo, muito bem explicado.

@maxedpeixoto 2 жыл бұрын

Mano, que vídeo top. Vc manja muito. Parabéns.

@arielgomes8239 Жыл бұрын

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

@LuizaTeixeira005 2 жыл бұрын

Vídeo 10/10 me ajudou muito a entender detalhes que me passavam despercebido. Parabéns pelo vídeo.

@diegorudolph6219 2 жыл бұрын

Andre, mais um show de aula. Parabens.