visgl/react-map-gl

[Enhancement] Improv - Website hero text breaks on mobile

Open

#2.419 geöffnet am 31. Juli 2024

Auf GitHub ansehen
 (2 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (5.575 Stars) (879 Forks)batch import
help wanted

Beschreibung

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

Contributor Guide

Tech Stack
javascriptreactcss
Domain
frontend
Issue Type
bug
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.
under 1 hour
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
basic CSSresponsive design
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
85
Research-Richtung
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.