Skip to content

[Bug]Gradient headline text has low contrast on mobile#53

Description

@kavyaay09-crypto

馃悰 Bug: Gradient headline text has low contrast on mobile

Description

The highlighted blue gradient text becomes difficult to read on mobile devices because of the dark background and reduced text size.

Current Behavior

  • Gradient text blends into the background.
  • Readability decreases on smaller screens.
  • The emphasis intended by the gradient is less effective.

Expected Behavior

  • Ensure sufficient contrast on all devices.
  • Preserve accessibility and readability.
  • Keep the highlighted text visually distinct.

Steps to Reproduce

  1. Open the landing page on a mobile device.
  2. Observe the highlighted portion of the hero heading.
  3. Compare its visibility with the desktop version.

Suggested Fix

  • Adjust the gradient colors for mobile.
  • Increase text brightness or opacity.
  • Modify the background glow behind the text.
  • Consider responsive styling for gradient effects.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions