rishyym0927/Affinity_frontend

Improve Mobile Responsiveness and Desktop View Scaling

Offen

#4 geöffnet am 29.09.2024

Auf GitHub ansehenContributor Guide
 (14 Kommentare) (0 Reaktionen) (1 zugewiesene Person)JavaScript (30 Forks)auto 404
good first issuehacktoberfest

Repository-Metriken

Stars
 (13 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

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-Richtung
Verwenden Sie CSS Media Queries, um das Layout an verschiedene Bildschirmgrößen anzupassen. Testen Sie auf gängigen Geräten mit den Entwicklertools des Browsers.
Tech Stack
javascript
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
CSSHTML
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65