visgl/react-map-gl

[Enhancement] Improv - Website hero text breaks on mobile

Open

#2 419 ouverte le 31 juil. 2024

Voir sur GitHub
 (2 commentaires) (0 réactions) (0 assignés)JavaScript (5 575 stars) (879 forks)batch import
help wanted

Description

Target Use Case

This would improve the experience of the React Map GL website for mobile users, and it should be a relatively easy fix.

Here is an example of what I am seeing:

Proposal

N/A

Guide contributeur

Stack technique
javascriptreactcss
Domaine
frontend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
under 1 hour
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
basic CSSresponsive design
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
85
Direction de recherche
Inspect the react map gl website source code, likely in a repository under visgl, focusing on the hero section's CSS in components like Hero.js or similar. Look for media queries or CSS properties that handle mobile breakpoints, and add appropriate responsive adjustments such as font size shrinking or text wrapping. Test on a mobile viewport to ensure the text does not overflow.