Skip to content

Fix: Hero description text alignment and Ashoka Chakra z-index on homepage #165

Description

@samridhi611

Bug Report / UI Fix

Description

Two UI issues observed on the homepage hero section:

  1. Hero description text is center-aligned — The paragraph text "Rajniti is an open-source platform to explore Indian MPs and MLAs..." should be left-aligned to match the overall left-anchored layout of the hero section.

  2. Ashoka Chakra has incorrect z-index — The Ashoka Chakra illustration on the right side of the hero appears to overlap UI elements. Its z-index should be set to -1 so it renders behind the content.

Steps to Reproduce

  1. Visit https://rajniti-app.vercel.app
  2. Observe the hero section description text — it is center-aligned instead of left-aligned.
  3. Observe the Ashoka Chakra graphic overlapping or sitting above other elements.

Expected Behavior

  • Description text: text-align: left
  • Ashoka Chakra container/image: z-index: -1

Environment

  • Browser: Chrome
  • Page: Homepage (/)

Labels

bug ui good first issue

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions