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