creativecommons / creativecommons/vocabulary

[Bug] Mobile Layout Issue: ‘Share Your Work’ Box Misalignment on Mobile Devices Above 375px

Open
#345 3 comments 0 reactions 0 assignees View on GitHub
🏁 status: ready for work 💻 aspect: code 🛠 goal: fix 🟧 priority: high
Dominant language
HTML
Stars
23
Forks
84
Avg merge
1d 9h
Merged PRs (30d)
3

Description

## Description
On mobile devices with a screen width above 375px, the 'Share Your Work' box does not extend to the right edge of the screen. On smaller devices, the box spans the full width as expected.

## Reproduction
1. Open the app on a mobile device with a screen width above 375px.
2. Navigate to the menu and click on 'Licenses and Tools'.
3. Observe the 'Share Your Work' box on the page.
4. See error where the box does not extend to the right edge of the screen.

## Expectation
The 'Share Your Work' box should extend to the right edge of the screen on all mobile devices, including those with screen widths greater than 375px.

## Screenshots
![Screenshot from 2024-10-02 12-28-39](https://github.com/user-attachments/assets/43287353-43a2-4855-b664-5d496e0865c4)

## Environment
 - Device: Mobile simulator(iPhone 13)
 - OS: iOS 15
 - Browser: Chrome (version 117.0.5938.9 on laptop)

## Resolution
- [ ] I would be interested in resolving this bug.

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue on the Licenses and Tools page using a mobile viewport above 375px, then inspect the Share Your Work box and its responsive layout rules. Done means the box reaches the right edge on mobile widths above and below 375px without breaking the existing smaller-device behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html
Domain
design, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.