sadanandpai / frontend-mini-challenges

Collection of frontend challenges for learning and interviews
https://sadanandpai.github.io/frontend-mini-challenges/
MIT License
1.95k stars 470 forks source link

Implement hamburger menu for mobile navigation #399

Open Akhil017 opened 4 months ago

Akhil017 commented 4 months ago

Framework/code-stack

React

Scope

Core application

Description

In the current implementation, the navigation links present in the navbar are not accessible in the mobile view. Specifically, when viewing the website on mobile devices, the navigation links become hidden , hindering user navigation and experience.

Expected Behavior: In the mobile view, users should be able to access the navigation links conveniently, typically through a collapsible hamburger menu icon that expands to reveal the links when clicked or tapped.

Screenshots

navlink Screenshot 2024-02-25 105041

Additional Context

No response

Akhil017 commented 4 months ago

I can take up this issue @sadanandpai

rutupatel53 commented 4 months ago

Can i work on this issue if its not completed @sadanandpai .

sadanandpai commented 4 months ago

Akhil has taken the issue. @rutupatel53 Plz connect with @Akhil017 and check if you can share the task

Akhil017 commented 4 months ago

Hi @rutupatel53, if you are interested, you can take on this task. I will try to take up some other issue.

rutupatel53 commented 4 months ago

Thank you @Akhil017 .if you haven't started yet working on this issue than i want to do it if you don't mind.

Akhil017 commented 4 months ago

Thank you @Akhil017 .if you haven't started yet working on this issue than i want to do it if you don't mind.

Sure, go ahead with this task.