HXQLabs/helixque-landing

Improve responsive layout for widescreen and ultrawide displays

Offen

#40 geöffnet am 01.10.2025

Auf GitHub ansehenContributor Guide
 (10 Kommentare) (0 Reaktionen) (1 zugewiesene Person)TypeScript (35 Forks)auto 404
hacktoberfesthacktoberfest-acceptedhacktoberfest2025hacktoberfest2025-accepted

Repository-Metriken

Stars
 (77 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

The website currently doesn't scale optimally for widescreen monitors (2560x1440, 3440x1440, 4K, etc.). On these displays, content appears stretched, has excessive whitespace, or elements are poorly positioned.

Proposed improvements:

  • Add max-width constraints to main containers
  • Implement responsive grid/flexbox layouts for large screens
  • Add media queries targeting widescreen breakpoints (>1920px)
  • Center content appropriately with balanced margins
  • Adjust typography and spacing for better readability on wide displays

Contributor Guide

Research-Richtung
Untersuche das aktuelle CSS Layout der Hauptcontainer, wende max width Beschränkungen an, zentriere den Inhalt und füge Media Queries für Bildschirme breiter als 1920px hinzu. Teste mit den Entwicklertools des Browsers.
Tech Stack
typescriptcssreact
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
CSSflexbox/gridresponsive design
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65