An impressive article to explain how not to cause Layout Shifts and penalize your CLS.

About the weight of CLS in Lighthouse

There are two reasons why people use CSS grid:

• 😎 CSS is awesome! It's a fact, deal with it.
• 🛠️ Grid is a great tool to build complex two-dimensional layouts.

I sometimes have a third reason to use CSS grid: prevent layout shifts.

Cumulative Layout Shift (CLS) is a relatively new metric to help you understand the delightfulness of the user experience.