Skip to content

Global UI spacing issue — Navbar overlaps Hero section #56

@shah0108

Description

@shah0108

Description

The fixed navbar currently overlaps the hero section on the Home page and other pages, making the UI look cramped.

Steps to Reproduce

  1. Run the project locally (npm run dev).
  2. Observe the Home page: the hero section starts directly under the navbar with no spacing.

Expected Behavior

There should be clear spacing between the navbar and the hero section (and all page content).

Fix Implemented

Added global top padding (pt-24) to the main content wrapper in App.jsx to reserve space equal to the navbar height.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions