rishyym0927/Affinity_frontend

Improve Mobile Responsiveness and Desktop View Scaling

Open

#4 opened on Sep 29, 2024

View on GitHubContributor guide
 (14 comments) (0 reactions) (1 assignee)JavaScript (30 forks)auto 404
good first issuehacktoberfest

Repository metrics

Stars
 (13 stars)
PR merge metrics
 (PR metrics pending)

Description

Description: The project requires improvements in its responsiveness across mobile devices and different desktop screen sizes. Specifically:

Mobile Responsiveness: Ensure that the layout, fonts, images, and elements adjust properly on various mobile devices (small to medium screen sizes).

Desktop Scaling: Optimize the view across different screen percentages (e.g., 75%, 90%, 100%) to ensure consistent user experience without layout breaking.

The goal is to achieve a seamless, user-friendly interface across all devices and screen resolutions. Please test the responsiveness thoroughly and ensure it works well with popular devices and screen sizes.

Contributor guide

Research direction
Use CSS media queries to adjust layout for different screen sizes. Test on common devices using browser developer tools.
Tech stack
javascript
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
CSSHTML
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65