You Probably Want Position- Sticky Instead of Fixed

Explore the differences between position: fixed and position: sticky in CSS through this informative video tutorial. Learn why sticky positioning is often a better choice for headers and navbars, and discover potential pitfalls when using it for bottom-aligned elements. Dive into creative applications of sticky positioning, including a unique bottom-sticking technique and how to make headings push each other out of the way. Gain insights on common mistakes that prevent position: sticky from working as intended, and enhance your CSS layout skills with practical examples and explanations.

Syllabus

- Introduction
- comparing fixed to sticky
- sticky is better for headers and navbars
- sticking to the bottom might not work how you expect
- A fun use case for sticking to the bottom
- Headings pushing each other out of the way
- The mistake people make with position sticky that stops it from working