⚡ Quick Fix (TL;DR)

The Culprit: display: none removes an element from the layout entirely, which can cause everything around it to shift.

The Fix: Hide the element visually while preserving its space in the layout – the key difference from display: none, which removes the element from the layout entirely rather than just hiding it in place.

.my-element {
  visibility: hidden;
}