Skip to content

Improve mobile responsiveness #9

Description

@SaharPak

Description

The current layout works on desktop but has several issues on mobile viewports (< 600px).

Areas to improve

  • Score ring and verdict text sizing on small screens
  • Dimension cards grid (currently 2-column, should be 1-column on mobile — partially done)
  • Share buttons wrapping and touch target sizes
  • JD toggle button text overflow on narrow screens
  • Input textarea minimum height adjustment for mobile
  • Footer text wrapping

How to contribute

  1. Fork the repo
  2. Test index.html in Chrome DevTools mobile view (iPhone SE, Galaxy S8)
  3. Add responsive CSS fixes
  4. Open a PR with screenshots showing before/after on mobile

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions