Тёмный

CSS. flexbox versus css grid. Qual a diferença? 

Serliv
Подписаться 40 тыс.
Просмотров 12 тыс.
50% 1

#frontend #webdev
Quando usar display: flex ou display: grid do CSS? Qual a diferença?
🌟 Links comentados no vídeo e outros interessantes 🌟
📺 Playlist Mini-curso grátis de Chrome dev tools.
• Mini-curso grátis de C...
✅ 5 livros que eu indico para quem quer se tornar programador(a) front-end
• 5 livros que eu indico...
✅ EXCELENTE Técnica para Aprender Lógica de Programação MAIS FÁCIL e Programar Sozinho(a) #01
• EXCELENTE Técnica para...
✅ A Melhor Forma para Aprender a PROGRAMAR sozinho(a). (para iniciantes em lógica de programação) #02
• A Melhor Forma para Ap...
✅ Dificuldades com JavaScript? Aprenda a fazer Testes de Mesa
• Dificuldades com JavaS...
✅ O que estudar para conseguir o primeiro emprego como dev front-end
• O que estudar para con...
✅ Minha experiência como programador front-end
• Minha experiência como...
✅ [OPINIÃO] O Programador dependente
• [OPINIÃO] O Programado...

Наука

Опубликовано:

 

23 фев 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 47   
@rogerbatista6472
@rogerbatista6472 7 месяцев назад
Esse é um conteúdo que faz uma diferença enorme. Muito obrigado por compartilhar um pouco do seu conhecimento conosco!
@serliv
@serliv 7 месяцев назад
Eu que agradeço pelo feedback
@comentariosreview
@comentariosreview 8 месяцев назад
Quando fui começar eu comecei pelo grid e estava tendo muita dificuldade, então fui olhar o flex e achei incrível, como você disse, o maior trabalho é separar os blocos da forma correta, mas tendo isso feito da para alinhar tudo da forma que você quiser, eu achei o flex incrível por que para mim foi muito fácil de aprende-lo e usando o flex grow e shrink você consegue deixar quase que toda responsiva, só precisando fazer pequenos ajustes no media.
@serliv
@serliv 7 месяцев назад
É isso aí. Valeu por compartilhar
@jesusaunicaverdade
@jesusaunicaverdade Год назад
Não aprendi grid ainda. Parece super interessante. Essa semana mesmo fiz um site com flexbox mobile first, e quando chegou no desktop, tive que adicionar um monte de div, que atrapalhou na semântica do meu site.
@serliv
@serliv Год назад
as vezes não atrapalha muito não. Mas é claro que quanto menos código, melhor
@FelipeSC08
@FelipeSC08 Год назад
Não seria interessante criar uma versão de HTML diferente pará o desktop, já que as possibilidades de personalização são maiores
@alvarovelame
@alvarovelame 7 месяцев назад
muito boa sua explicação simples e direta qualquer pessoa conseguirá entender boa didática mais um escrito
@serliv
@serliv 7 месяцев назад
Muito obrigado e seja muito bem vindo 🙂
@ycr1ss-970
@ycr1ss-970 25 дней назад
Gênio da bola, professor!! Obrigado!!
@serliv
@serliv 25 дней назад
Disponha!
@marcoteixeira4816
@marcoteixeira4816 Год назад
sinta sua mao apertada 🤝
@serliv
@serliv Год назад
Opa. Tamojunto Marco
@alyssonwilyan5440
@alyssonwilyan5440 11 месяцев назад
Muito obrigado pelo ótimo resumo !
@palomapinheiro7323
@palomapinheiro7323 Год назад
Fantásticas as suas abordagens, professor! Direto e claro como sempre! Grata pelo trabalho 🖖🏼
@serliv
@serliv Год назад
Muito obrigado Paloma. Forte abraço
@sindrade
@sindrade Год назад
Como sempre, esclarecedor. Show! 👏🏻👏🏻👏🏻
@serliv
@serliv Год назад
Que bom que gostou. Muito obrigado
@aleksandersouza2746
@aleksandersouza2746 Год назад
@@serliv tem a video aula?
@demetriodnl
@demetriodnl Год назад
Parabéns pela explicação, ficou mais claro
@serliv
@serliv Год назад
Muito obrigado Demétrio. Forte abraço
@user-iv9iu4ho5n
@user-iv9iu4ho5n 10 месяцев назад
Excelente explicação! Obrigadaaaaaaa!!!!!
@rubenszimmermann1072
@rubenszimmermann1072 10 месяцев назад
Definição impecável. Muito obrigado.
@serliv
@serliv 10 месяцев назад
Eu que agradeço Rubens
@that_80s_guy
@that_80s_guy 5 месяцев назад
Que legal, dica de ouro. Valeu mesmo.
@serliv
@serliv 5 месяцев назад
Muito obrigado. Fico feliz que tenha gostado
@descubra6933
@descubra6933 7 месяцев назад
Show de explicação 👏👏👏
@serliv
@serliv 7 месяцев назад
Muito obrigado ☺️
@leorgsYT
@leorgsYT 3 месяца назад
Muito bom! Valeu!!
@serliv
@serliv 3 месяца назад
Eu que agradeço
@Igor-vk8fl
@Igor-vk8fl Год назад
A minha maior dificuldade no momento é saber quantas divs usar, onde usar, como aninhar. A organização pro layout é muito difícil pra mim atualmente
@serliv
@serliv Год назад
Oi Igor. Eu tenho vídeos aqui no canal que abordo exatamente isso. Como transformar um layout em código. Talvez ajude. Abraço
@mozdev_
@mozdev_ Месяц назад
Acho que o mais valido é que div é para propósito estético, essa a primeira coisa que se precisa saber, vejo gente colocando div sendo que poderia usar tags mais semanticas...
@joaovictordeoliveira5679
@joaovictordeoliveira5679 Год назад
Ótima explicação apesar de ter que utilizar uma div a mais, acho o display flex mais prático de usar
@serliv
@serliv Год назад
Valeu João
@mozdev_
@mozdev_ Месяц назад
Sem falar que a responsividade fica muito mais tranquila de fazer...
@maicon484
@maicon484 Год назад
top de mais
@serliv
@serliv Год назад
Valeu Maicon
@marciodavid81
@marciodavid81 14 дней назад
depois que aprendi display grid, nunca mais usei flexbox
@nomadealex
@nomadealex Год назад
Professor, quando se trata de boas práticas, é certo utilizar display flex e fazer esse monte de gambiarra com div's ou isso é mal visto no mercado?
@serliv
@serliv Год назад
Não creio que seja mal visto, mas se preferir, use css-grid no lugar
@wesleydesigner1890
@wesleydesigner1890 2 месяца назад
Então na prática o grid deixa o site mais leve ?
@serliv
@serliv 2 месяца назад
Não necessariamente
@JhonathasMatos
@JhonathasMatos 11 месяцев назад
Muito legal seu conteudo. Eu então poderia fazer meu primeiro layout usando só o grid então, né?
@serliv
@serliv 11 месяцев назад
pode sim Jhonathas. Pode usar grid para estruturar o layout
@JhonathasMatos
@JhonathasMatos 11 месяцев назад
@@serliv muito obrigado!! Sou backend e estou me aventurando com front para uns projetos pessoais.
Далее
Ayollar orzusidagi er😂😂
01:01
Просмотров 1,2 млн
КВН 2024 Высшая лига Четвертая 1/4
1:52:57
4 Sites para praticar HTML e CSS
12:33
Просмотров 14 тыс.
WEB - PROGRAMANDO HTML E CSS PELO CELULAR
23:48
Просмотров 18 тыс.
Flexbox ou CSSGrid? Qual usar? | ilustraCode
1:26
Просмотров 2,9 тыс.
REFAZENDO Portifólio de Iniciante
58:43
Просмотров 7 тыс.
Mac Studio из Китая 😈
0:34
Просмотров 173 тыс.
Самый СТРАННЫЙ смартфон!
0:57
Просмотров 35 тыс.