The tab HTML is responsible for the overflow issue in mobile responsive design.

[truptikanzariya]

In the context of mobile responsive design, the challenge of overflow is directly linked to the tab HTML element. This issue arises when the content within the tab surpasses the available space on smaller screens, leading to unwanted scrolling or content getting cut off.

I have attached the screenshot for better understanding.

Here is the CSS that we can add to fix the above issue:

div.attribution .attribution-text .tab-content .tab {
    display: none;
    word-break: break-word;
}

[coffee2code]

In 12839:

Photo Directory: Explicitly declare word-break:break-word; for attribution tabs to prevent overflow at narrow viewports for certain browsers.

Props truptikanzariya.
Fixes #7193.