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

Published: 10 December 2021
on channel: Dave Gray

28,327

819

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

On this page of the site you can watch the video online CSS Width 100% NOT Working! | CSS Fixed Headers & Footers Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Dave Gray 10 December 2021, share the link with friends and acquaintances, this video has already been watched 28,327 times on youtube and it was liked by 819 viewers. Enjoy your viewing!

38,835

566