creativecommons / creativecommons/vocabulary
[Bug] Mobile Responsiveness Problem in the "More Posts" Section within home-index.html
- Dominant language
- HTML
- Stars
- 23
- Forks
- 84
- Avg merge
- 1d 9h
- Merged PRs (30d)
- 3
Description
## 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
- [x] I would be interested in resolving this bug.
Contributor guide
Research direction
Open home-index.html and reproduce the More Posts and Images Attribution behavior at the reported 375x812 viewport, including clicking the View button. Trace the responsive layout styles used by that section and verify that posts remain aligned, text stays legible, and no content overlaps on the listed mobile browsers.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 45/100