HXQLabs/helixque-landing

Optimize website for different screen aspect ratios

Ouverte

#35 ouverte le 1 oct. 2025

Voir sur GitHubGuide contributeur
 (14 commentaires) (0 réaction) (0 personne assignée)TypeScript (35 forks)auto 404
UI-UXhacktoberfesthacktoberfest-acceptedhacktoberfest2025hacktoberfest2025-acceptedpriority: high

Métriques du dépôt

Stars
 (77 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

The website layout does not adapt well to various screen aspect ratios, causing elements to appear misaligned or cut off. Improve responsiveness to ensure the site looks consistent and user-friendly across all screen sizes and aspect ratios (e.g., ultrawide, square, mobile).

Guide contributeur

Direction de recherche
Analysez le comportement de la mise en page actuelle sur différents rapports d'aspect, identifiez les points d'arrêt et les composants provoquant un désalignement ou un rognage, puis appliquez des requêtes média CSS, des ajustements flexbox/grid et éventuellement clamp() ou des unités de viewport pour garantir une mise en page adaptative.
Stack technique
typescript
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSSResponsive Design
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60