creativecommons / creativecommons/vocabulary

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

Open
#87 1 comment 0 reactions 0 assignees View on GitHub
💻 aspect: code 🚧 status: blocked 🛠 goal: fix 🟧 priority: high
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
![Screenshot (193)](https://github.com/user-attachments/assets/cce8c865-c8dc-4538-8928-5f991b5e80c3)

## 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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.