AOSSIE-Org / AOSSIE-Org/Resonate-Website

UI/UX: UI Enhancements for Mobile Responsiveness and Navbar

Offen
#338 4 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
43
Forks
154
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

### 🎨 The UI/UX Update

The navigation bar, "About" section, and "Features" section require enhancements for better mobile responsiveness and accessibility.

### Current Design Issues

1) The navbar menu toggle lacks an aria-label, reducing accessibility for screen readers.

​2) The "About" section does not stack content correctly on mobile viewports, causing layout issues.

​3) The "Features" section is missing a structural heading, affecting page hierarchy.

### Proposed Solution

- ​Replace the text-based menu toggle in the Navbar with an animated SVG hamburger icon and an aria-label.
​- Implement CSS media queries to ensure the "About" section content stacks into a single responsive column on smaller screens.
- ​Add an h2 title to the "Features" component with responsive font sizing so it scales correctly on narrow viewports.

### Design Considerations

- [x] Accessibility
- [x] Visual consistency
- [ ] User flow/navigation
- [x] Responsive design
- [ ] Dark mode support
- [ ] Other

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.