An image, video, or other element is breaking the layout by exceeding its container’s width.
⚡ Quick Fix (TL;DR)
The Culprit: The element has no width constraint, so it renders at its own natural size regardless of the space actually available.
The Fix: Cap the element's width at 100% of its container while letting height scale proportionally, so it never overflows.
.my-media {
max-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 :