CSS Width 100% NOT Working! | CSS Fixed Headers & Footers Tutorial

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

Is your CSS Width 100% setting NOT working? This is a common problem with CSS position fixed headers and footers. In this tutorial, we'll look at the fix you need for perfect headers and footers.

💖 Support me on Patreon ➜   / davegray  

⭐ Become a full-stack web dev with Zero To Mastery Courses:
- The Complete Web Developer: https://bit.ly/WebDevMaster
- The Complete Web Designer: https://bit.ly/CompWebDesign
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

CSS Width 100% NOT Working! | CSS Fixed Headers & Footers Tutorial

(00:00) Intro
(00:14) Welcome
(00:28) Basic Page Overview
(01:51) When content outgrows the viewport
(03:00) A common CSS position fixed problem
(05:02) The Solution
(06:26) A second problem & solution
(07:09) Position Fixed vs Position Absolute

📚 References:
MDN Position: https://developer.mozilla.org/en-US/d...

✅ Follow Me:
Github: https://github.com/gitdagray
Twitter:   / yesdavidgray  
LinkedIn:   / davidagray  
Blog: https://yesdavidgray.com
Reddit:   / daveoneleven  

Was this tutorial about CSS position fixed with headers and footers helpful? If so, please share. Let me know your thoughts in the comments.

#css #width #headers