Uploaded November 2023 | Updated September 2026, 1 week ago

---

A detailed guide on how positioning in CSS works, explaining everything you need to know about CSS position property with clear examples covering all values, including static, relative, absolute, fixed, and sticky.

🔗 Links
Codepen demo: codepen.io/ZoranJambor/pen/NWodLaM
Chrome DevTools Tips: youtu.be/W7GQglXn-jQ
In-Depth Guide to CSS Logical Properties: youtu.be/cV9JhEV4Ll0

📖 Timestamps
00:00 Intro & demo setup
01:18 What is “position” property
01:49 How “position: static;” works
03:32 How “position: relative;” works
05:15 How “position: absolute;” works
08:59 How “position: fixed;” works
09:59 How “position: sticky;” works
12:10 Overview of how positioning in CSS works

Subscribe to CSS Weekly Newsletter:
💌 css-weekly.com

Course Mastering Prettier & Stylelint
🔥 Learn everything about best linting tools while supporting CSS Weekly: masteringlinting.com
🏷️ Use coupon code YOUTUBE25 to get an additional 15% off on the already discounted, pre-launch price.

Keep up-to-date with CSS Weekly:
👉 Twitter: twitter.com/CSSWeekly
👉 Instagram: instagram.com/cssweekly
👉 Facebook: facebook.com/CSSWeekly

Keep up to date with what I'm up to:
🔗 Blog: zoranjambor.com
👉 Twitter: twitter.com/zoranjambor
👉 LinkedIn: linkedin.com/in/zoranjambor

- Zoran Jambor
#css #cssbasics