chore:Added responsive Navbar

[anirudh-bukka]

Signed-off-by: anirudh-bukka [email protected]

Description

This PR fixes #189

Notes for Reviewers
Added hover effects and corrected the position of the drop down menu list from the hamburger button.

Signed commits

• Yes, I signed my commits.

[welcome]

Yay, your first pull request! 👍 A contributor will be by to give feedback soon. In the meantime, please review the Layer5 Community Welcome Guide and sure to join the community Slack.
Be sure to double-check that you have signed your commits. Here are instructions for making signing an implicit activity while peforming a commit.

[netlify]

✔️ Website preview ready!

🔨 Explore the source changes: 1f6dd22

🔍 Inspect the deploy log: https://app.netlify.com/sites/getnighthawk/deploys/61ebac81fc78310007453a60

😎 Browse the preview: https://deploy-preview-240--getnighthawk.netlify.app

[Abhijay007]

@anirudh-bukka great work, it looks good for mobile view, just do the same changes for tab view as well ( max-width: 768px) and in that screen size try to shift nav icon bit towards right

you can also take reference from this article if you want to read more about media queries: https://www.geeksforgeeks.org/how-to-target-desktop-tablet-and-mobile-using-media-query/

[anirudh-bukka]

@anirudh-bukka great work, it looks good for mobile view, just do the same changes for tab view as well ( max-width: 768px) and in that screen size try to shift nav icon bit towards right

you can also take reference from this article if you want to read more about media queries: https://www.geeksforgeeks.org/how-to-target-desktop-tablet-and-mobile-using-media-query/

On it

[Abhijay007]

LGTM 👍 , great work @anirudh-bukka

[YashKamboj]

@anirudh-bukka Good Work!!! just one small thing , i the "menu" written after the icon is removed ,so if you bring that back would be great .

[anirudh-bukka]

@anirudh-bukka Good Work!!! just one small thing , i the "menu" written after the icon is removed ,so if you bring that back would be great .

Thanks @YashKamboj ,
When I started working on this issue, the word 'menu' was not present in the forked and cloned files, so I thought the "menu" was not supposed to be there.

But I felt, having the word 'menu' would make the navbar cluttered and congested. What do you say?

[anirudh-bukka]

LGTM 👍 , great work @anirudh-bukka

Thanks @Abhijay007 !

[YashKamboj]

@anirudh-bukka Good Work!!! just one small thing , i the "menu" written after the icon is removed ,so if you bring that back would be great .

Thanks @YashKamboj , When I started working on this issue, the word 'menu' was not present in the forked and cloned files, so I thought the "menu" was not supposed to be there.

But I felt, having the word 'menu' would make the navbar cluttered and congested. What do you say?

I guess it will look great even without menu written

[warunicorn19]

Might be better toh have just the nighthawk logo in smaller views than the text logo. What do you think @debo19

[adithyaakrishna]

@anirudh-bukka @YashKamboj @warunicorn19 The UI/UX Convention is not to have a title saying menu as the icon itself stands for hamburger menu so what do you guys think if it can be removed for mobile devices?

[warunicorn19]

@adithyaakrishna the title menu has already been removed.

[adithyaakrishna]

My bad xD, I didnt see that :(

[debo19]

Might be better toh have just the nighthawk logo in smaller views than the text logo. What do you think @debo19

@warunicorn19 It might look too empty though.🤔 I think this looks fine.

[Abhijay007]

LGTM 👍

[debo19]

LGTM 🎉 Thanks @anirudh-bukka

[welcome]

Thanks for your contribution to the Layer5 community! 🎉

[anirudh-bukka]

LGTM 👍

Thanks @Abhijay007 for helping me in all the set-up and pushing my first pr!