⚡ Quick Fix (TL;DR)

The Culprit: A padding value chosen for a wide desktop layout doesn't automatically scale down for a much narrower mobile viewport.

The Fix: Reduce the padding specifically at mobile widths. This site's own standard mobile breakpoint is 600px, used consistently across every page – matching it avoids one component behaving differently from everything else.

.my-section {
  padding: 60px 20px;
}
@media (max-width: 600px) {
  .my-section {
    padding: 30px 15px;
  }
}