The Next Big Thing in CSS: margin-trim!

Managing space in CSS will soon get easier with the new margin-trim property, already available in Safari. In this video, we dive into how margin-trim simplifies CSS space management and compare it with traditional methods like the :first-child() and :not() pseudo-classes, and the famous lobotomized owl selector. Learn why margin-trim is a game-changer for keeping your CSS clean and maintainable. I'll walk you through a problem it solves first, explore various existing solutions, and show you a neat demo using margin-trim at the end. Can I Use: https://caniuse.com/?search=margin-trim 0:00 – Introduction 00:12 – The Problem It Solves 00:29 – Existing Solution: :first-child() 00:44 – Existing Solution: :not() 00:56 – Existing Solution: Lobotomized Owl 01:17 – The Owl Is Likely Dead 01:32 – Enter margin-trim 01:59 – Demo 02:56 – Browser Support Get updates about new videos in your inbox → https://tinyurl.com/yuu8x8my Follow me on Twitter: https://twitter.com/dmtrmrv