Skip to content

[BUG]: Homepage sections are all h-screen — content is clipped on short viewports #51

Description

@singhtrivendra

Bug Description

Description

All four homepage sections (Hero, Features, Stats, CTA) are h-screen with flex items-center justify-center (app/page.tsx:15, 63, 113, 137). On short/landscape viewports, small laptop screens, or with increased browser zoom / font size, section content exceeds the fixed height and is cut off with no way to scroll to it (each section is exactly one viewport tall).

Steps to Reproduce

  1. Open / and set browser zoom to 150%, or use a 1366×640 landscape window
  2. Scroll through the Features / CTA sections

Expected Behavior

Sections grow to fit their content; nothing is clipped.

Actual Behavior

Headings/cards are clipped at the top and bottom of each section.

Affected Code

app/page.tsx:15, 63, 113, 137

Suggested Fix

Replace h-screen with min-h-screen (or section padding like py-24) so content can expand.

Environment

  • OS: Windows 11 · Node: <node -v> · Next.js 14.2.16 · Branch main

Steps to Reproduce

No response

Logs and Screenshots

No response

Environment Details

No response

Impact

Critical - Application is unusable

Code of Conduct

  • I have joined the Discord server and will post updates there
  • I have searched existing issues to avoid duplicates

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

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions