Make it responsive to mobile device

[Arijit-017]

Issue: Make the Project Responsive for Mobile Devices

Description

The current layout is optimized for desktop view, but it needs to be responsive and display correctly on mobile devices. Your task is to ensure the app looks good on various screen sizes, including mobile and tablet.

Steps to Contribute

1. Fork the Repository

   • Click the Fork button at the top right of this repository's page to create a copy of the repo under your GitHub account.

2. Clone it to Your Local Machine

   • Open your terminal and use the following command to clone the repo:

     git clone https://github.com/your-username/repo-name.git

3. Make the Project Responsive

   • Update the CSS to include responsive design principles using media queries.
   • Test the layout on multiple mobile screen sizes to ensure proper scaling and alignment.
   • Ensure all elements (e.g., buttons, text, images) adjust correctly to smaller screens.

4. Push Your Changes

   • After making the necessary changes, commit your updates using:

     git add .
     git commit -m "Make the project responsive for mobile devices"

5. Create a Pull Request

   • Push your changes to your forked repository:

     git push origin main

   • Go to the original repository and create a pull request with a description of the changes made.

[hemangtk]

Hey @Arijit-017 im intereseted in fixing the issue could you please assign me this issue so that i can start working on it right away

[madmaxWMFU]

Hi! Can you assign it to me?

[Arijit-017]

Hey @Arijit-017 im intereseted in fixing the issue could you please assign me this issue so that i can start working on it right away

@hemangtk do it.

[isha-dubey]

Hello Can you please assign it?

[annapurna-gupta]

Hi @Arijit-017, I'd like to work on this issue. Please assign me!

[Arijit-017]

@annapurna-gupta can you add a hamburger or similar kind of thing for the sidebar?

[annapurna-gupta]

@Arijit-017 i will try.