🐞[bug]: Header Visibility, Responsiveness, and Alignment Issues in Light Mode

[Bhupendrakumar20]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

I’ve noticed a few issues with the header and layout of the webpage that may require attention for improved user experience. Here are the details:

Header Visibility in Light Mode:

• The header text is not visible or lacks sufficient contrast in light mode, making it hard to read. Adjusting the font color or background contrast might resolve this issue.

Responsiveness Across Screen Sizes:

• The background and overall layout do not adapt well to different screen sizes. On smaller or larger screens, the elements appear misaligned, and the layout does not maintain its structure. Implementing responsive design techniques (e.g., media queries, flexbox, or grid layout) could enhance usability.

Email and Header Section Alignment:

• The email input field and the header section are not properly aligned. This misalignment affects the aesthetics and usability of the page. Ensuring consistent padding, margins, and alignment will improve the visual appeal.

I would like to work on resolving these issues. Could you please assign this task to me under labels?

Expected behavior

Suggested Improvements:

1. Update the header styling to ensure proper visibility in light mode.
2. Implement responsive design techniques to accommodate various screen sizes.
3. Align elements in the header and email section to maintain consistency and improve aesthetics.

Add ScreenShots

What browsers are you seeing the problem on?

No response

Record

• I have read the Contributing Guidelines
• I'm a SWOC contributor
• I have starred the repository

[github-actions]

Hi there! Thanks for opening this issue @Bhupendrakumar20!. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.If belong's to SWOC program role ur self as Contributor in OS lead site Link : https://www.oslead.xyz/usertype , so that ur points will be assigned to the leaderboard. New to Open Source Contribution check out the below YT video , Happy Coding🚀💻🐛 🔗 Link : https://www.youtube.com/watch?v=3afUKB3guZA

[Bhupendrakumar20]

@Anjaliavv51
kindly ma'am assign this task to me ...surely i will correct this issue in given time ...

[Anjaliavv51]

@Bhupendrakumar20 look at the Deploy

[Anjaliavv51]

https://vintagevibe.netlify.app/

[Bhupendrakumar20]

close #879