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

@shreyasingh260

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
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions