expressjs/expressjs.com

footer: kawaii button shrinking social icons below 400px

Open

#2,456 opened on Jul 22, 2026

View on GitHubContributor guide
 (0 comments) (0 reactions) (0 assignees)CSS (2,088 forks)batch import
a11y / accessibilitydesigngood first issuehelp wanted

Repository metrics

Stars
 (5,330 stars)
PR merge metrics
 (Avg merge 13d 7h) (43 merged PRs in 30d)

Description

https://github.com/user-attachments/assets/bad6e6da-9a17-4bbb-a97b-56b8387dabd7

Accessibility (a11y) Guideline: Minimum Icon Size & Touch Target

  • Minimum Icon Dimensions (WCAG 2.5.8 - Target Size): Ensure interactive elements and their icons do not shrink below 16px (1em) on mobile devices or smaller viewports to maintain visual legibility and prevent layout collapse.
  • Touch Target Spacing: While visual icons may scale down to 16px to fit narrow screens (<400px), the interactive container/touch target must maintain an adequate hit area to assist users with motor impairments or touch interfaces.

Contributor guide

Research direction
Investigate the CSS media queries or breakpoints affecting the footer at viewport widths below 400px. Ensure social icons maintain a minimum size of 16px and adequate touch targets.
Tech stack
csshtml
Domain
frontendaccessibility
Issue type
Accessibility
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
CSSResponsive Design
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70