Você acha que WIDTH e FLEX-BASIS fazem a mesma coisa❔ Achou ERRADO
ฝัง
- เผยแพร่เมื่อ 12 ก.ย. 2024
- Dica de CSS: Quando usar WIDTH e quando usar FLEX-BASIS ? Entenda as Diferenças e Melhore seus Layouts com Flexbox.
Neste vídeo eu explico detalhadamente as diferenças entre flex-basis e width no CSS e como essas propriedades influenciam o comportamento dos seus layouts em Flexbox. Se você deseja aprimorar suas habilidades em desenvolvimento web e criar interfaces mais responsivas, esse guia prático é para você! Aprenda como cada propriedade funciona, quando usar flex-basis e width, e veja exemplos claros que ilustram suas aplicações em diferentes cenários. Inscreva-se no canal e ative as notificações para não perder nenhuma dica de CSS e desenvolvimento front-end!
📙[BAIXE AGORA] E-BOOK 100% GRÁTIS
10 Dicas de Refatoração de Códigos com Javascript: Aprenda a Elevar seu código Javascript para outro patamar
É só me pedir no meu whatsapp
(+351) 966 538 588
📙[Adquira o E-book]
50 dicas de Refatoração de Códigos Javascript: O Segredo dos Programadores Experientes.
go.hotmart.com...
📚🖥️🖱️Livros, Computadores e Periféricos que indico🖱️🖥️📚
www.amazon.com... 🫰
Seja membro deste canal e ganhe BENEFÍCIOS EXCLUSIVOS:
/ @serliv
Quer ter o seu #portfolio analisado aqui no canal? Preencha esse formulário
forms.gle/JPLK...
🌟 Links comentados no vídeo e outros interessantes 🌟
Livros sobre programação e algoritmo que eu indico
✅ Entendendo Algoritmos: Um Guia Ilustrado Para Programadores e Outros Curiosos
amzn.to/3HjW3S2
✅ Lógica de Programação e Algoritmos com JavaScript: uma Introdução à Programação de Computadores com Exemplos e Exercícios Para Iniciantes
amzn.to/3SgmM8d
✅ Estruturas de Dados e Algoritmos com JavaScript: Escreva um Código JavaScript Complexo e Eficaz Usando a Mais Recente ECMAScript
amzn.to/3SgN36c
🍕Se for comprar qualquer coisa na Amazon, por favor, use meu link para me ajudar à comprar uma pizza no final de semana amzn.to/3HKFkHN 😊
📺 Playlist VÍDEOS EM DESTAQUE.
• VÍDEOS EM DESTAQUE
📺 Siga a playlist CURSO WEB FUNDAMENTOS HTML +: CSS
• CURSO Web Fundamentos:...
📺 Playlist Análise de Portfolio / Projeto de iniciante
• Análise de Portfolio /...
CURSOS COM DESCONTO DA AMIZADE
🎁 Curso Web Front-end Fundamentos. Aprenda HTML CSS e Javascript:
serfrontend.co...
🎁Curso do Figma ao código. O Design de Interfaces web completo
serfrontend.co...
🔴 O que eu eu indico para gravar produzir vídeos:
✅ Logitech BRIO 4K -
amzn.to/3S0FbVh
✅ Microfone Condensador USB Blue Yeti X -
amzn.to/48zZcsW
✅ Microfone Condensador USB com Suporte de Suspensão Blue Yeticaster - amzn.to/4213k2G
✅ Como Formatar e Validar o Checkbox com HTML CSS e Javascript (EXCLUSIVO PARA MEMBROS)
• Como Formatar e Valida...
✅ Como a Pseudo-classe HAS pode te ajudar a criar EFEITOS INCRÍVEIS em suas páginas web
• Como a Pseudo-classe H...
✅ Reagindo ao FRONT-END de um Projeto "Clone" de um Aluno
• Reagindo ao FRONT-END ...
✅ Reagindo à Portfolio de DEV FRONT-END Inscrito no canal e Aluno da Serliv
• Reagindo à Portfolio d...
✅ [CSS] Unidades de medida em vs rem.
• [CSS] Unidades de medi...
✅ Corrigindo CSS. Alinhamento horizontal. FLEX GROW vs MARGIN BLOCK
• Corrigindo CSS. Alinha...
✅ 37 DICAS de um Programador Front-End Sênior
• 37 DICAS de um Program...
✅ TUTORIAL CSS GRID. Como criar páginas web mais FÁCIL
• TUTORIAL CSS GRID. Com...
✅ Crie interfaces melhores com VARIÁVEIS do CSS (a.k.a custom properties)
• Crie interfaces melhor...
#CSS
#Flexbox
#WebDevelopment
#DesenvolvimentoWeb
#FrontEnd
#DesignResponsivo
#FlexBasis
#Width
#CSSTutorial
#CodingTips
#webdesign
#desenvolvimentofrontend
#DicaDeCSS
Vem aprender HTML, CSS, Javascript ou Figma comigo. SEM MENSALIDADE. ACESSO VITALÍCIO. Tem 30 dias para pedir o dinheiro de volta caso não fiquei totalmente satisfeito
serfrontend.com/cursos/
Curso Web Front-end Fundamentos. Aprenda HTML CSS e Javascript:
serfrontend.com/cursos/web-fundamentos-html-css/aplicando-desconto.html?d=31&m=09
Curso do Figma ao código. O Design de Interfaces web completo
serfrontend.com/cursos/do-figma-ao-codigo/aplicando-desconto.html?d=31&m=09
Lógica de Programação com Javascript
serfrontend.com/cursos/logica-de-programacao-com-javascript/aplicando-desconto.html?d=31&m=09
📙[BAIXE AGORA] E-BOOK 100% GRÁTIS
10 Dicas de Refatoração de Ccódigos com Javascript: Aprenda a Elevar seu código Javascript para outro patamar
É só me pedir no meu whatsapp
(+351) 966 538 588
📙[Adquira o E-book]
50 dicas de Refatoração de Códigos Javascript: O Segredo dos Programadores Experientes.
go.hotmart.com/B92973901Y
Quer ter seu portfolio ou projeto avaliado aqui no canal? Preencha o formulário: forms.gle/JPLKuhYs6o248ZKK8
Seja membro deste canal e ganhe BENEFÍCIOS EXCLUSIVOS:
th-cam.com/channels/PstMzE8bHIah0swMZL2mIg.htmljoin
Livros, Computadores e Periféricos que indico:
www.amazon.com.br/shop/serliv
Canais em redes sociais:
Twitter: twitter.com/serlivcursos
Linkedin: www.linkedin.com/in/serliv
Instagram: instagram.com/serlivcursos
Facebook: facebook.com/serlivcursos
Tiktok: www.tiktok.com/serlivcursos
Instrutor: Daniel Tapias Morales
Twitter: twitter.com/tapmorales
Linkedin: www.linkedin.com/in/daniel-tapias-morales-87145621/
Medium: medium.com/@tapmorales
Github: github.com/tapmorales
Tava estudando essa parte agora KASDKASDK, valeu
Vai ser bastante útil o conteúdo sobre unidades de medida. Valeu, mestre.
Tmj. Podexa. Vlw
Obrigado mestre Daniel, retomou e reforçou o conteúdo que eu ja havia estudado!
Eu que agradeço. Abraços
Nice video
muito obrigado pelo conteúdo! like.
Eu que agradeço
Professor, vc é sensacional, ensina mto bem. Parabéns! Me diga uma coisa: o curso que vc tem no seu site é o msm que tá na Udemy?
Muito obrigado James. Sim. É exatamente o mesmo
interessantíssimo!! Com essa reflexão, me surgiu mais uma dúvida, utilizar o parâmentro de tamanho minimo e maximo, "min-width" ou "max-height", daria o mesmo resultado "responsivo" do flex basis nesse caso do texto? E incrementando essa dúvida, com os espaços no texto ele teria uma adaptabilidade melhor que flex basis com relação à isso?
Estou fazendo seu curso na udemy, gostando demais da experiência, principalmente pelos detalhes no desenvolvimento similares à esse vídeo!! Muito obrigado pelos ensinamentos :D
Olá. São coisas diferentes. min-width (ou max-width e suas variações para o height) têm propósitos diferentes. Muito obrigado pelos elogios
É basicamente um min-height🤔
Não necessariamente. São coisas diferentes