Skip to content

The hero section alignment becomes inconsistent on normal/laptop screen sizes. While the layout looks fine in full-screen mode, in normal view the entire hero content appears pushed too far downward, creating excessive empty space at the top. #455

Description

@shreyasingh260

Issues Observed

  • Hero section shifts too far downward on normal screen view
  • Excessive top spacing reduces visual balance
  • Layout looks properly aligned only in full-screen mode
  • Floating UI elements/icons appear inconsistently positioned
  • Hero section responsiveness needs improvement for medium screen widths

Expected Behavior

  • Hero section should remain vertically balanced across all screen sizes
  • Content should stay properly centered without excessive top spacing
  • Floating elements should maintain consistent positioning
  • Responsive layout should look visually balanced in both full-screen and normal window sizes

Possible Fix

  • Adjust hero container height/min-height
  • Refine top padding and margin values
  • Improve responsive breakpoints for medium screens
  • Reposition floating decorative elements dynamically

Screenshot

full screen view

Image

normal view

Image

Metadata

Metadata

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions