[Bug] Mobile Responsiveness Problem in the "More Posts" Section within home-index.html

[Arinzelight]

Description

The "Images Attribution" section on the home-index.html page is not mobile-responsive. When viewed on smaller screens and the "View" button within the section is clicked, the layout breaks, causing overlapping text and misalignment of posts.

Reproduction

1. Open the website’s home-index.html page on a mobile device or resize your desktop browser to a smaller width.
2. Scroll down to the "More Posts" section.
3. Click the "View" button beside Images Attribution
4. Observe the layout issues in this section (overlapping text, misaligned content).
5. See error.

Expectation

The "More Posts" section should adapt to smaller screens without breaking the layout. Posts should be neatly stacked or grid-aligned without overlap, and text should remain legible, even when the "View" button is clicked.

Screenshots

Environment

Device: iPhone 12, Samsung Galaxy S20
OS: iOS 14.6, Android 11
Browser: Safari, Chrome
Version: Safari 14, Chrome 91
Other info: Tested with 375x812 display resolution

Resolution

• I would be interested in resolving this bug.

[possumbilities]

@Arinzelight The home-index within Vocabulary is currently known to be unfinished. This is a valid render error, but one that should be corrected after that context is "finished".

Moving to status: blocked for now.