Spent all Tuesday fixing those annoying jumps when images load in our new dashboard. I stopped using padding hacks and just used the aspect-ratio property instead. It keeps the container size locked so the content doesn't
teleport slide around while the assets are fetching. Definitely use this for your product grids or any card component where you know the height ahead of time.
.card-image {width: 100%;aspect-ratio: 16 / 9;object-fit: cover;}It makes a
huge difference for the perceived stability of the page. It's much cleaner than calculating percentages manually.