Simple Navbar With Flexbox | Navbar CSS Tutorial

📁 Get the full project from here and support me 🥰👇
www.buymeacoffee.com/tahmidah...
Hire a Web Developer on Fiverr: tahmids.net/HireWebDeveloper
Join this Web Development Course: tahmids.net/WebDevelopmentCourse (Access Premium Courses 30 Days for FREE)
Get Web Hosting from Hostinger: tahmids.net/Hostinger (70% OFF)
Try Elementor: tahmids.net/TryElementor
Web Design Elements in One Place: tahmids.net/EnvatoElements
Best Online Deals: tahmids.net/AppSumo
Other links: bio.link/tahmidahmed
If you are interested in learning How to make a beautiful navbar using HTML CSS and Flexbox step-by-step - this video is for you.
If you follow this video tutorial - you will be able to create a beautiful Navbar as it is shown in the video or you can create your own design.
If you are interested in learning from my future HTML, CSS, and website design tutorials - please click on the link below to subscribe now!
/ @tahmidahmed-yt

[@tahmidahmed-yt]

📁 You can get the whole coded project from 👇 and support me 🥰
www.buymeacoffee.com/tahmidahmed/e/114278
If you want to learn more about website development you can visit my brother's 👉 www.youtube.com/@thecodermj/ channel as well.
For getting more Website projects visit www.buymeacoffee.com/coderMj
☑ Hire a Web Developer on Fiverr: tahmids.net/HireWebDeveloper
☑ Learn Complete Website Development: tahmids.net/WebDevelopmentCourse (Access Premium Courses 30 Days for FREE )
☑ Get The Best Web Hosting from Hostinger: tahmids.net/Hostinger ( 70% OFF )
☑ Try Elementor For WordPress: tahmids.net/TryElementor
☑ Get Complete Web Design Elements in One Place: tahmids.net/EnvatoElements
☑ Best Online Deals: tahmids.net/AppSumo
Other links: bio.link/tahmidahmed
Thank you ❤

[@amelieviennot5570]

you dont know how to talk ????

[@Ism4ilBD]

I never ever thought creating navbar would be so easy.Thanks.

[@tahmidahmed-yt]

You are welcome!

[@hopahop8071]

I've never been so emotional watching someone code a website!! I guess it's the music.

[@_trzn_]

Great video. Very nice approach to visual and script design: cool images and minimal, but strategic, use of html and css. Nicely done.

[@tahmidahmed-yt]

Thanks a lot

[@kdtallllll]

This was so helpful, thank you! I haven't done CSS in a couple of months and this refreshed so much of my memory.

[@tahmidahmed-yt]

Glad it was helpful!

[@jeffxcc]

Never thought CSS could be so dam relaxing!🙂

[@tahmidahmed-yt]

Wow❤❤

[@munnaKhan-ro8sg]

outstandig i am all most searching many time and watching past video but this video is fire

[@piotrostek8232]

Świetnie robota, dzięki, bardzo mi pomogłeś! Bez niepotrzebnego gadania :)
Thank you!

[@tahmidahmed-yt]

Most Welcome Piotr Ostek

[@ONLINE___TECH__1]

I really like your video it's very very helpfully
I watched maximum video on RUclips but this video is very helpful it's solved my problem.

[@jeandelima3026]

Oh man, thank you for sharing your skills. Helped me a lot

[@tahmidahmed-yt]

Most welcome man

[@hadyyy347]

How can let the section in the center,I means the topic(h3 and )

[@bright_moses]

You just save me from stress 💟

[@tahmidahmed-yt]

🧡😍

[@abuhuraira5293]

Thanks alot brother!! This is what actually i was looking for :)

[@tahmidahmed-yt]

Most welcome brother

[@umerrana7309]

Thanks you so much today I understand how to build menu......its very short, precise and without Grand-Ma story....

[@tahmidahmed-yt]

You are welcome

[@anasalsmadi139]

Man you are the best🔥

[@jamalhajibalayev7977]

İt is very simple and easy method to make navbar unlike others.thank you

[@tahmidahmed-yt]

Glad you like it!

[@nijamuddin799]

Thanks for your kind work

[@khuramiqbal9795]

Thank you so much for this tutorial its help me a lot and its easy to learn

[@tahmidahmed-yt]

You're welcome 😊

[@itstechking]

my tags are going to the left side after applying display inline block how can i fix that

[@ZeeshanKhan-mu2ge]

Its a very easy video- This video cleared my many concepts about navbar

[@tahmidahmed-yt]

Thanks a lot!!

[@kenxinhxc1635]

Thank you man it's easy to understand

[@tahmidahmed-yt]

Most Welcome Man!!

[@DrLid]

I was looking for such a person, thanks

[@tahmidahmed-yt]

You're very welcome

[@donweryabautet5059]

Thank you bro this is awesome🤩 many good concepts I can learn from this

[@tahmidahmed-yt]

Most welcome 😊

[@motiondesign2501]

I search on all place and u only one you make it easy good job bro thinks

[@tahmidahmed-yt]

Thanks and welcome

[@motiondesign2501]

@@tahmidahmed-yt teacher, give some advice how i can create main (content ) and how i can be pro frontend developer.

[@hiwotina26]

Good job on so little minutes!

[@tahmidahmed-yt]

Thanks!

[@mamunasmehndidesign6772]

Very helpful tutorial

[@JokerDSalem770]

Thank you very much you help a student in html exam ❤️❤️❤️🇾🇪

[@tahmidahmed-yt]

Most welcome🤎

[@saidign]

thank you! you are an artist

[@tahmidahmed-yt]

Welcome to you! Cheers!

[@aliencoders7166]

@@tahmidahmed-yt img share please

[@mastermaxxs9473]

this is really helpful. thank you so much.

[@tahmidahmed-yt]

Thank you🤗

[@hoopaseneca]

Gracias por el tutorial :D

[@razorhead2008]

very clear and easy coding turtoriam ;-)

[@tahmidahmed-yt]

Thanks a lot!!

[@MohammadAbdullah-sk3so]

Easy to understand
Thanks Brother

[@tahmidahmed-yt]

You are welcome

[@RakeshwarMedia51]

I feel very easy and comfortable, while watching your video ...... Thanks a lot 🙏

[@tahmidahmed-yt]

Most welcome

[@TSMGaming2143]

One of the best design❣️

[@tahmidahmed-yt]

Thanks a lot 😊

[@isamaug]

Thanks it was very easy to follow

[@tahmidahmed-yt]

Glad it helped!

[@aliencoders7166]

@@tahmidahmed-yt img link please

[@mahfujrahman9789]

Great tutorial

[@neelroy317]

Thank you for video ❤️, you are good man

[@tahmidahmed-yt]

You are most welcome!!

[@learnwebprogrammingwithcyber]

thank you 😭😭 you are the best l like your video and subscribe to your channel

[@tahmidahmed-yt]

Thanks a Lot........!

[@vijayva9870]

Thank you bro
god bless you.................

[@tahmidahmed-yt]

Always welcome bro 💚

[@JosephAdebanjo-pk9zk]

Really nice video... Actually covers what I wanted to learn.

[@tahmidahmed-yt]

🧡

[@faheemzafar2550]

Thumbs up for Music, love it. Thanks

[@tahmidahmed-yt]

Thanks

[@budgetserre7984]

merci beaucoup

[@MarwaSami-qk1zb]

thank you so much for that helpful video

[@tahmidahmed-yt]

Glad it was helpful!

[@simonsarhin2114]

Simple and elegant

[@tahmidahmed-yt]

Thanks a lot

[@minmyatthukha1160]

Easy and simple thanks

[@tahmidahmed-yt]

Most welcome

[@bheemeshgouda9779]

Dude simply superb

[@tahmidahmed-yt]

Glad you like it

[@tahmidahmed-yt]

Learn how to make a complete Responsive Real Estate Website from scratch using HTML, CSS, and JavaScript easily by watching this video.
Video Link: ruclips.net/video/akFPxiqTDWw/видео.html

[@GuyforMMA]

thank you
😁😁😁

[@tahmidahmed-yt]

Welcome

[@Kurumi_Kazuha]

Thanks bro

[@tahmidahmed-yt]

You're welcome bro 😊

[@miannomam8125]

Beautiful ❤️

[@tahmidahmed-yt]

Thanks

[@admed6013]

Thanks you so much

[@tahmidahmed-yt]

Most welcome

[@sunuy192]

Hey guys, how do I add text to it afterward? I am adding into the but the text is appearing off the image and under the image and stuff. How do I fix that? I tried adding the into the

[@augusto0187]

Excelente gracias

[@tahmidahmed-yt]

Keep supporting me

[@idres2937]

Thank you ❤️

[@tahmidahmed-yt]

Most welcome😍

[@scenttown]

cox sagolun

[@user-ot8hz9cc4c]

good tutorial🎉

[@tahmidahmed-yt]

Thank you 🧡

[@freddyboysolo]

Thank you!

[@tahmidahmed-yt]

Welcome😍

[@md.sowmik7944]

Great Work... Thanks

[@tahmidahmed-yt]

Most welcome brother

[@user-dh7dd2vo1b]

God bless you

[@tahmidahmed-yt]

🧡🧡

[@marcussteinbeck4256]

Thanks greate teaching

[@tahmidahmed-yt]

You are very welcome

[@DUDE_X]

Thank you so much

[@tahmidahmed-yt]

You're most welcome

[@DUDE_X]

@@tahmidahmed-yt you just earned a subscriber

[@tahmidahmed-yt]

@@DUDE_X 🥰🥰

[@user-jo2yj1kv3j]

You very help my

[@tahmidahmed-yt]

Thanks a lot!

[@INSpire750]

İt is very simple and easy method to make navbar unlike others.thank you❤🙏🏽

[@tahmidahmed-yt]

You are welcome 😊

[@fanzo_muciq5464]

Tq❤

[@tahmidahmed-yt]

Welcome 😊

[@MohammadAbdullah-sk3so]

Superb!

[@tahmidahmed-yt]

Thanks a lot!

[@DARKxDANI47]

Nice Man

[@tahmidahmed-yt]

Thanks 🔥

[@itsmemahsa]

Thank youuuuuu💗💗💗💗💗

[@tahmidahmed-yt]

Most Welcome🥰🥰

[@Dilkash_Ram_Official]

Nice💙

[@tahmidahmed-yt]

Glad you like it

[@user-vg8et3dl9j]

thank you broooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo :)

[@tahmidahmed-yt]

Most welcome bro!!

[@dyako926]

the image link please?

[@bruksemayat8389]

good job

[@tahmidahmed-yt]

Thanks

[@mdasadolislam8386]

Nice broo. Go ahead

[@tahmidahmed-yt]

Many many thanks

[@griffins_diaries_]

Thanks

[@tahmidahmed-yt]

Most Welcome

[@tgt792]

merci bien explique

[@tahmidahmed-yt]

Most Welcome!!

[@saddamhussain9975]

helpful

[@tahmidahmed-yt]

Glad it helped

[@andyyblue22]

Good music

[@ShelbyShortsByAtif]

amazing.

[@tahmidahmed-yt]

Thanks!

[@royandescartes]

i tried writing code similiar to this. when it came to adding the image via the css url, the image never shows up for me. i have the image inside the same folder as my code. PLEASE HELP

[@itsmykaimusic]

super nice :)

[@tahmidahmed-yt]

Thanks

[@ivanzq21]

is that responsive? why you don't show us when the window shrinks, thanks dude, nice video

[@romeogaming8617]

Can I get this or this type of wallpaper plz.?

[@IhtishamAhmad945]

How u can insert the link... please tell this also

[@aramisreboyras5176]

very good video

[@tahmidahmed-yt]

Thanks a lot

[@imadali_66]

Can we earn money as a web developee?

[@darshanvavadiya6656]

thanks thanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanks bhai

[@tahmidahmed-yt]

Most Welcome

[@out155]

Not responsive but appreciate your work👍

[@tahmidahmed-yt]

Thanks a lot!
ruclips.net/video/VRrEquQfh88/видео.html

[@hardikchosla1610]

Nice

[@tahmidahmed-yt]

Thanks

[@vini3946]

i needed tht img :(

[@jatinmaini4140]

Vry osam bro

[@tahmidahmed-yt]

Thanks bro😍

[@shathahussain8949]

thank you so much but i wish if you speak about what you write when you write it

[@samithapriyamal965]

Hi..background image is not found in my computer why?

[@monammhiri6999]

nice.

[@tahmidahmed-yt]

Thanks monam

[@ricesword6435]

when i add 2 buttons it messes it up

[@jkovert]

what does .pra mean ?

[@bandofbrotherbob1932]

☑️💯💯 আসসালামু আলাইকুম ভাইয়া 💯💯☑️।
ভাইয়া আপনার কোড়িং গুলো খুবই ভালো ভাবে বুঝতে পেরেছে।
💝💝💝অসংখ্য ধন্যবাদ আপনাকে 🇧🇩🇧🇩🇧🇩🇧🇩☑️💯💕💕💕

[@tahmidahmed-yt]

Thanks a lot bro💕

[@bandofbrotherbob1932]

@@tahmidahmed-yt My Motivation 🇧🇩💝💝💕💕

[@bandofbrotherbob1932]

@@tahmidahmed-yt always Love YOU Brother 🇧🇩💝💝💝💕💕💯💯💔💔🏅🏅🏆🏆

[@betelgeuse6388]

Hey buddy, how can I make the title linkable? I want to make it a button that navigates to index.html.

[@betelgeuse6388]

I found a solution :)
YourName
Also need to add "text-decoration: none;" in the .logo{}.

[@captenarii3938]

may I ask what are the dimensions for the background image?

[@jamesmcevoy2000]

He set it to cover, so it'll change on different resolutions. He didn't put a specific width or height.

[@captenarii3938]

@@jamesmcevoy2000 ohhh now that makes sense
thanks!

[@gani5196]

Superr

[@tahmidahmed-yt]

Thanks a lot!

[@justinji501]

Your OP

[@tahmidahmed-yt]

🤟

[@justinji501]

And I Love OP guys

[@codingwithumair7441]

which font family could you have used kindly paste thier link it here.

[@tahmidahmed-yt]

fonts.google.com/specimen/Poppins