Are You Making These CSS Height Mistakes?

FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html

Heights in CSS are a pain to deal with. They almost never work as you expect and they always seem to be larger or smaller than you want them to be. In this video I will show you why things like height: 100% do not work like you expect and what you can do to make them work.

📚 Materials/References:

FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Mobile Phone Dev Tools Video: https://youtu.be/TaPdgj8mucI Viewport Units Video: https://youtu.be/5m6JOJLy5B0 Viewport Units Article: https://blog.webdevsimplified.com/2022-08/css-viewport-units Flexbox Video: https://youtu.be/fYq5PXgSsbE Flexbox Article: https://blog.webdevsimplified.com/2021-11/flexbox

🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified

⏱️ Timestamps:

00:00 - Introduction 00:31 - Example 1 - Fill Full Page 05:20 - Example 2 - Fill Remaining Space

#CSSHeight #WDS #CSS ... https://www.youtube.com/watch?v=-sF5KsEo6gM