Uploaded July 2023 | Updated September 2026, 1 hour ago

---

A brief, hands-on guide to using absolutely positioned elements with CSS Grid, along with a practical use-case.

🔗 Links
Demo: codepen.io/ZoranJambor/pen/zYMKady
Advanced Positioning in CSS Grid: youtu.be/OIt6FeS9gPA
In-Depth Guide to CSS Logical Properties: youtu.be/cV9JhEV4Ll0

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 YOUTUBE15 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

📖 Chapters
00:00 Intro & demo setup
00:27 How “position: absolute” works
02:31 How grid element behaves with “position: relative“
03:09 How a grid-positioned element behaves with “position: absolute”
04:25 Use-case for absolutely positioned elements on CSS Grid
05:01 Recap & conclusion

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 #cssgrid