Awesome

Learning CSS contain

Just one of the things I'm learning. https://github.com/hchiam/learning

Simply: use contain: content.

Use the contain: strict option if you're okay with explicitly specifying a size on the element, since in exchange for the most perf improvement, the element is additionally no longer defined by the size of its children.

Explanation: https://css-tricks.com/almanac/properties/c/contain/

Example perf improvement: https://medium.com/@johan.isaksson/how-i-made-googles-data-grid-scroll-10x-faster-with-one-line-of-css-78cb1e8d9cb1