An image is being stretched or distorted rather than scaling naturally.
⚡ Quick Fix (TL;DR)
The Culprit: Both width and height are being forced to specific values that don't match the image's real aspect ratio.
The Fix: Let the image's width scale to its container while height adjusts automatically, preserving the original proportions.
.my-image {
width: 100%;
height: auto;
}
Rather not untangle this yourself? Our Done-For-You team handles exactly this kind of thing, start to finish.
See DFY options →
Was this helpful?
Thanks for the feedback!
Tagged in :