The Navbar is not responsive when resizing the browser window.

[mayura-andrew]

Describe the bug The Navbar is not responsive when resizing the browser window. The Navbar does not adapt to the changing window size.

To Reproduce Steps to reproduce the behavior:

1. Open the website in a web browser.
2. Resize the browser window.
3. Observe the Navbar.

Expected behavior The Navbar should be responsive and adapt to the size of the browser window. As the window size decreases, the Navbar should collapse into a hamburger menu or similar.

Screenshots If applicable, add screenshots to help explain your problem. Screencast_20240114_130504-1.webm

Desktop (please complete the following information):

OS: Fedora Linux 39 (KDE Plasma) x86_64 Browser: Mozilla Firefox Version: 121.0

Additional context The issue occurs when resizing the browser window on a desktop.

[mayura-andrew]

Screencast_20240114_130504-1.webm

here the issue

[vishwaikon]

Hi, Can I please work on this issue ?

[dilankavishka]

Hi @anjula-sack @mayura-andrew Can i work on this issue please?

[mayura-andrew]

Hi @vishwaikon go head hey @dilankavishka can you work on another issue. Thank you:)

[kavinda-100]

https://github.com/sef-global/scholarx-frontend/assets/152590601/77970498-c0b5-4942-aaff-7fdf4cfc5346

refactor existing css with tailwindcss utility class.

[mayura-andrew]

@vishwaikon hey any updates ?

[mayura-andrew]

2024-01-22-13-25-07.mp4 refactor existing css with tailwindcss utility class.

nice. can you keep this changes in separate branch ?

[vishwaikon]

@mayura-andrew Hi, I figured out an issue the nav icon has with mobile devices where the icon gets positioned in the centre and fixed it. But yet couldn't fix the issue with the navbar on large screens. I'll try to learn and figure it out and will update the progress. Good job @kavinda-100 !. Regards!

[anjula-sack]

Hi @vishwaikon, Shall we merge the @kavinda-100's update since it's already done? You can work on another issue. @mayura-andrew Will you be able to find another issue for @vishwaikon?

[kavinda-100]

2024-01-22-13-25-07.mp4 refactor existing css with tailwindcss utility class.

nice. can you keep this changes in separate branch ?

ok!. I will create new branch for keep these changes

[mayura-andrew]

@anjula-sack Yeah, sure. I will find an issue for @vishwaikon and assign it if he's interested!

[mayura-andrew]

@vishwaikon hey ! https://github.com/sef-global/scholarx-backend/issues/94 would you able to work on this issue?

[vishwaikon]

@mayura-andrew , I'll work on it.

[mayura-andrew]

@vishwaikon nice 👍 go head

[anjula-sack]

@mayura-andrew Is this issue still valid?

[mayura-andrew]

https://github.com/user-attachments/assets/00574234-8adf-4912-a4a0-656117a69437

This needs to be fixed, right? @anjula-sack