Are You Making These CSS Height Mistakes?

FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specific...

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/specific...
Mobile Phone Dev Tools Video:    • Learn JavaScript Touch Events In 17 M...  
Viewport Units Video:    • Learn Every CSS Viewport Unit In 10 M...  
Viewport Units Article: https://blog.webdevsimplified.com/202...
Flexbox Video:    • Learn Flexbox in 15 Minutes  
Flexbox Article: https://blog.webdevsimplified.com/202...


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
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