How to Create Responsive Navigation Bar using HTML and CSS

How to Create Responsive Navigation Bar using HTML and CSS

CodingNepal

4 года назад

2,774,985 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Harsh Raj Atul
Harsh Raj Atul - 16.09.2023 12:33

thanks

Ответить
srinu the king 👑
srinu the king 👑 - 13.09.2023 14:53

Thanks you bro

Ответить
Nithish
Nithish - 10.09.2023 19:38

what application is used?

Ответить
Nadeem Akram Ansari
Nadeem Akram Ansari - 08.09.2023 17:26

GREAT...But I will prefer flexbox instead of float.

Ответить
Munezero Heritier
Munezero Heritier - 04.09.2023 18:52

thanks bro

Ответить
Munezero Heritier
Munezero Heritier - 04.09.2023 18:51

thanks bo

Ответить
Antoine Rwanda kids songs
Antoine Rwanda kids songs - 04.09.2023 12:20

Good video, it exactly do what is supposed to do

Ответить
Foldings
Foldings - 03.09.2023 20:24

I'm a visual learner and these type of vids really helps! thank you sm

Ответить
voyagerajasthan
voyagerajasthan - 31.08.2023 15:14

love from india my friend

Ответить
Abhay Semwal
Abhay Semwal - 27.08.2023 12:23

This Music drove me to the conclusion that life is futile and with no substantial meaning to it. I do not wish to live anymore in this world of eternal suffering and pain with this degenerate body

Ответить
Siim Luts
Siim Luts - 24.08.2023 12:14

The striped button doesn't work for me as a button but i can't see anything that i've done differently

Ответить
davidefire 97
davidefire 97 - 23.08.2023 00:46

When I press the bar it doesn't happen anything

Ответить
Sweety
Sweety - 22.08.2023 20:39

I didn't make mistakes.But the icon didn't appear rather a simple bordered square box showed.What to do?

Ответить
Try_Get Technical
Try_Get Technical - 22.08.2023 18:16

thanks a lot sir for this knowledge

Ответить
Luisa Fernanda Ligardo
Luisa Fernanda Ligardo - 21.08.2023 19:28

Thank you for posting this. This was very helpful!

Ответить
soso buzaladze
soso buzaladze - 19.08.2023 21:47

can you give me source link what you insert in script

Ответить
Jose Miguel
Jose Miguel - 18.08.2023 23:45

I just notice this video only last 8 minutes, I lasted FOUR HOURS DOING IT

Ответить
Top & Best
Top & Best - 18.08.2023 10:51

I really appreciate your helpful videos.

Ответить
luis ramos
luis ramos - 12.08.2023 11:02

Your video helps us a lot, thank you so much.

Ответить
Goran Spasic
Goran Spasic - 07.08.2023 12:34

Great video!

Ответить
Hatem Alkhafaji
Hatem Alkhafaji - 07.08.2023 12:18

Great job!
Thanks for sharing this video.
It seems I can't get the Hamburger Menu even though I did the same as the video?
Any helpful tips

Ответить
tachibana☔
tachibana☔ - 07.08.2023 06:16

THANKYOU SO MUCH 😇

Ответить
Ayesha Iftikhar
Ayesha Iftikhar - 05.08.2023 15:25

Sir meri bars nai a rhi

Ответить
K Mahendra
K Mahendra - 03.08.2023 13:41

where is the code

Ответить
#bunny
#bunny - 26.07.2023 04:36

That's really good

Ответить
Quranic_Insight
Quranic_Insight - 25.07.2023 18:45

Mjhy wo wali navigation bar ka code chaye jo fix rehti hy like home page pr click kryn to just usky nichy ki info chage ho upr navigation bar wsy e rhy ... I dont know k kisi ko smj ai k ni pr agr kisi ko ai hy to plz guid kr dyn

Ответить
Josh Jakkrit
Josh Jakkrit - 25.07.2023 04:34

float 😒

Ответить
Anime
Anime - 18.07.2023 18:39

But how your .active(home) apperaed at left??? I didn't get it

Ответить
barodaneil
barodaneil - 15.07.2023 20:17

there wasn't much to see cause there was no javascript to function the nav bar

Ответить
Syahabi
Syahabi - 13.07.2023 06:32

simple, work, the best tutorial

Ответить
Vengal Rao
Vengal Rao - 10.07.2023 18:19

I got error. I didn't find any github link.
Please help me out in getting the github link

Ответить
Amina Naseem
Amina Naseem - 05.07.2023 15:57

Its great i mean u expllained it in a very short time...i usually dont comment but its really gr8..

Ответить
Prince Tripathi
Prince Tripathi - 05.07.2023 14:58

my home button didnt go the same like yous

Ответить
Daniel Burela
Daniel Burela - 04.07.2023 02:16

Fa-bars not showing in my page

Ответить
Satyam Virat
Satyam Virat - 02.07.2023 19:50

I tried doing the same thing nd it didnt work. then i had to go to GPT and after a few trials it finall told me that i need to add some JS code as well, which is as follows.
' ' '
const checkbox = document.getElementById('check');
const navList = document.getElementById('test');

checkbox.addEventListener('change', function() {
if (this.checked) {
navList.style.left = '1%';
} else {
navList.style.left = '-100%';
}
});
' ' '
You should have mentioned that it uses javascript as well.
Complete waste of time... ahhhhhhh

Ответить
Freelancers Head
Freelancers Head - 16.06.2023 05:24

Inresting,

Ответить
Freelancers Head
Freelancers Head - 16.06.2023 05:19

Cool code,

Ответить
Someone B.N
Someone B.N - 15.06.2023 01:22

Thanks 👍🏼

Ответить
Alice Skyler
Alice Skyler - 14.06.2023 16:13

Is it just me? Or it’s just the website? I have this work that should be graded and i watched this i followed every step and all of them are the same code but it is very different from the way it looks. 🙁

Ответить
By Me
By Me - 14.06.2023 10:21

Sir how to see the output like this??

Ответить
Scortland Coffy
Scortland Coffy - 11.06.2023 21:09

Thanks to the creator ! You did a great job in this video🎉🎉

Ответить
Baldo
Baldo - 10.06.2023 16:40

where can i get the source code?

Ответить
Florence Lorejo
Florence Lorejo - 09.06.2023 14:15

may i ask what should i search on google? the icon on hamburger for menu doesnt show up. please tell me or can you provide a link?

Ответить
aaron 22
aaron 22 - 06.06.2023 08:02

useless

Ответить
Pablo Neuman
Pablo Neuman - 05.06.2023 00:30

gracias!!!!!!

Ответить
Clyde Warren Govender
Clyde Warren Govender - 03.06.2023 22:18

Hows that menu button firing without any JS?

Ответить
MayukhDrawZ
MayukhDrawZ - 01.06.2023 19:04

thanks dude

Ответить