Make the LeetPath Website Responsive

[amri-tah]

Description
The LeetPath website currently does not adapt well to different screen sizes and devices. This makes it difficult for users to navigate and interact with the site on mobile phones, tablets, or smaller screens. To improve the user experience, we need to make the website fully responsive.

Requirements

1. Header and Navigation

   • Ensure the navigation bar collapses into a hamburger menu on smaller screens.
   • Adjust logo and navigation items for proper alignment and spacing.

2. Main Content

   • Optimize text, images, and other components to resize and reflow gracefully for all pages.
   • Ensure proper spacing and alignment for pages like the homepage, problem lists, signin, signup and user profile.

Acceptance Criteria

• Use only Tailwind CSS (Pure CSS only when required)
• The website is fully functional and visually appealing across all major devices and screen sizes.
• No horizontal scrolling or overflow issues.

[MithileshwaranS]

hey I'm interested in this issue can you assign it to me ? @amri-tah

[amri-tah]

Hey @MithileshwaranS, you've been assigned this issue under Amrita Winter of Code! Please ensure to raise a PR by 8/01/2025, or it will be reassigned to someone else. Best of luck! 🫡