O erro mais comum ao usar height em porcentagem no CSS é não ...

O erro mais comum ao usar height em porcentagem no CSS é não entendê-lo.

Você sabia que a forma que o browser calcula o width e o height são diferentes? Quase ninguém sabe disso e por esse motivo vejo muitos códigos errados por aí.

Não cometa mais esses erros e aprenda, de verdade, o que significa height usado com valores em porcentagem.

👉 Vem aprender HTML, CSS, Javascript ou Figma comigo.
☑️SEM MENSALIDADE.
☑️ACESSO VITALÍCIO.
☑️Acesso à grupos exclusivos
☑️30 dias para pedir seu dinheiro de volta caso não fiquei totalmente satisfeito
🔗 https://serliv.com/

👉 Cursos com Descontos aplicados:
🎁Curso Web Front-end Fundamentos. Aprenda HTML CSS e Javascript:
https://serliv.com/html-css-js

🎁Curso do Figma ao código. O Design de Interfaces web completo
https://serliv.com/figma-html-css

🎁Lógica de Programação com Javascript
https://serliv.com/logica-js

👉 Livros da Serliv.
📙50 dicas de Refatoração de Códigos Javascript: O Segredo dos Programadores Experientes.
https://serliv.com/livro-refatoracao-...

📙Melhores Práticas Javascript: O guia essencial para quem busca excelência na programação.
https://serliv.com/melhores-praticas-js

📙HTML e CSS. Os Fundamentos da Construção Web
https://serliv.com/livro-html-css

📰 Entre no grupo do WhatsApp ou Telegram para receber informações importantes sobre a Serliv e sobre a área de programação
https://serliv.com/news/


🎯Quer ter seu portfolio ou projeto avaliado aqui no canal? Preencha o formulário:
https://forms.gle/JPLKuhYs6o248ZKK8

🎯Seja membro deste canal e ganhe BENEFÍCIOS EXCLUSIVOS:
   / @serliv  

🎯Livros, Computadores e Periféricos que indico:
https://www.amazon.com.br/shop/serliv


🍕Se for comprar qualquer coisa na Amazon, por favor, use meu link para me ajudar à comprar uma pizza no final de semana https://amzn.to/3HKFkHN 😊


📺 Playlist VÍDEOS EM DESTAQUE.
   • VÍDEOS EM DESTAQUE  



🌟 Links comentados no vídeo e outros interessantes 🌟
✅ Site Responsivo de verdade com as unidades svh, lvh ou dvh do CSS
   • Site Responsivo de verdade com as unidades...  

✅ Unidades de Medida CSS SEM MISTÉRIOS. Quando Usar %, em, rem e px para Layouts Perfeitos!
   • Unidades de Medida CSS SEM MISTÉRIOS. Quan...  



🔴 O que eu eu indico para gravar produzir vídeos:
✅ Logitech BRIO 4K -
https://amzn.to/3S0FbVh
✅ Microfone Condensador USB Blue Yeti X -
https://amzn.to/48zZcsW
✅ Microfone Condensador USB com Suporte de Suspensão Blue Yeticaster - https://amzn.to/4213k2G


#frontend #css #webdev #webdesign

00:00 min-height: 100% é uma boa?
01:22 Mostrando o HTML e o CSS
02:02 Porque height com porcentagem não funciona?
07:31 Quando height com porcentagem funciona?
12:01 100vh e 100svh
14:13 PEGADINHA min-height: 100%
20:37 width: 100% versus width: auto