Simple Navbar With Flexbox | Navbar CSS Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ม.ค. 2025

ความคิดเห็น • 228

  • @tahmidahmed-yt
    @tahmidahmed-yt  2 ปีที่แล้ว +9

    📁 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 ❤

  • @hopahop8071
    @hopahop8071 2 ปีที่แล้ว +11

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

  • @Ism4ilBD
    @Ism4ilBD ปีที่แล้ว +21

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

  • @kdtallllll
    @kdtallllll ปีที่แล้ว +5

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

  • @jeffxcc
    @jeffxcc 2 ปีที่แล้ว +10

    Never thought CSS could be so dam relaxing!🙂

  • @A7med-_-E
    @A7med-_-E ปีที่แล้ว +1

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

  • @_trzn_
    @_trzn_ 2 ปีที่แล้ว +17

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

  • @itstechking
    @itstechking ปีที่แล้ว +3

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

  • @munnaKhan-ro8sg
    @munnaKhan-ro8sg ปีที่แล้ว

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

  • @umerrana7309
    @umerrana7309 2 ปีที่แล้ว +2

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

  • @ZeeshanKhan-mu2ge
    @ZeeshanKhan-mu2ge 2 ปีที่แล้ว +2

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

  • @piotrostek8232
    @piotrostek8232 2 ปีที่แล้ว +7

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

  • @DrLid
    @DrLid ปีที่แล้ว +1

    I was looking for such a person, thanks

  • @motiondesign2501
    @motiondesign2501 2 ปีที่แล้ว +1

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

    • @tahmidahmed-yt
      @tahmidahmed-yt  2 ปีที่แล้ว

      Thanks and welcome

    • @motiondesign2501
      @motiondesign2501 2 ปีที่แล้ว

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

  • @faheemzafar2550
    @faheemzafar2550 ปีที่แล้ว +3

    Thumbs up for Music, love it. Thanks

  • @JosephAdebanjo-pk9zk
    @JosephAdebanjo-pk9zk 9 หลายเดือนก่อน +1

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

  • @JokerDSalem770
    @JokerDSalem770 2 ปีที่แล้ว +2

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

  • @bright_moses
    @bright_moses 8 หลายเดือนก่อน +1

    You just save me from stress 💟

  • @abuhuraira5293
    @abuhuraira5293 2 ปีที่แล้ว +4

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

  • @jeandelima3026
    @jeandelima3026 2 ปีที่แล้ว +4

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

  • @mastermaxxs9473
    @mastermaxxs9473 ปีที่แล้ว +2

    this is really helpful. thank you so much.

  • @hiwotina26
    @hiwotina26 2 ปีที่แล้ว +3

    Good job on so little minutes!

  • @minmyatthukha1160
    @minmyatthukha1160 ปีที่แล้ว +2

    Easy and simple thanks

  • @TusharMore2143
    @TusharMore2143 2 ปีที่แล้ว +2

    One of the best design❣️

  • @jamalhajibalayev7977
    @jamalhajibalayev7977 2 ปีที่แล้ว +2

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

  • @bheemeshgouda9779
    @bheemeshgouda9779 2 ปีที่แล้ว +1

    Dude simply superb

  • @anasalsmadi139
    @anasalsmadi139 ปีที่แล้ว

    Man you are the best🔥

  • @khuramiqbal9795
    @khuramiqbal9795 2 ปีที่แล้ว +2

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

  • @kenxinhxc1635
    @kenxinhxc1635 2 ปีที่แล้ว +1

    Thank you man it's easy to understand

  • @CISCEGUIDE
    @CISCEGUIDE 2 ปีที่แล้ว +8

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

  • @nijamuddin799
    @nijamuddin799 ปีที่แล้ว

    Thanks for your kind work

  • @安寒-y3t
    @安寒-y3t ปีที่แล้ว +1

    good tutorial🎉

  • @neelroy317
    @neelroy317 2 ปีที่แล้ว +1

    Thank you for video ❤️, you are good man

  • @marcussteinbeck4256
    @marcussteinbeck4256 9 หลายเดือนก่อน +1

    Thanks greate teaching

    • @tahmidahmed-yt
      @tahmidahmed-yt  8 หลายเดือนก่อน

      You are very welcome

  • @md.sowmik7944
    @md.sowmik7944 ปีที่แล้ว +1

    Great Work... Thanks

  • @razorhead2008
    @razorhead2008 2 ปีที่แล้ว +2

    very clear and easy coding turtoriam ;-)

  • @MohammadAbdullah-sk3so
    @MohammadAbdullah-sk3so 2 ปีที่แล้ว +2

    Easy to understand
    Thanks Brother

  • @saidign
    @saidign 2 ปีที่แล้ว +2

    thank you! you are an artist

    • @tahmidahmed-yt
      @tahmidahmed-yt  2 ปีที่แล้ว +1

      Welcome to you! Cheers!

    • @Pentagon-w2w
      @Pentagon-w2w 2 ปีที่แล้ว

      @@tahmidahmed-yt img share please

  • @admed6013
    @admed6013 2 ปีที่แล้ว +3

    Thanks you so much

  • @ryeon39
    @ryeon39 2 หลายเดือนก่อน

    can i make John doe before nav?

  • @dyako926
    @dyako926 2 ปีที่แล้ว +4

    the image link please?

  • @GuyforMMA
    @GuyforMMA ปีที่แล้ว +1

    thank you
    😁😁😁

  • @isamaug
    @isamaug 2 ปีที่แล้ว +3

    Thanks it was very easy to follow

  • @rakeshwarpadmanaban
    @rakeshwarpadmanaban 2 ปีที่แล้ว +3

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

  • @bruksemayat8389
    @bruksemayat8389 ปีที่แล้ว +2

    good job

  • @mahfujrahman9789
    @mahfujrahman9789 2 ปีที่แล้ว

    Great tutorial

  • @akbarbargani1974
    @akbarbargani1974 2 วันที่ผ่านมา

    Amazing

  • @MohammadAbdullah-sk3so
    @MohammadAbdullah-sk3so 2 ปีที่แล้ว +2

    Superb!

  • @andyyblue22
    @andyyblue22 ปีที่แล้ว +1

    Good music

  • @vijayva9870
    @vijayva9870 2 ปีที่แล้ว +1

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

  • @ONLINE___TECH__1
    @ONLINE___TECH__1 8 หลายเดือนก่อน

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

  • @kayiJr
    @kayiJr ปีที่แล้ว +1

    Simple and elegant

  • @MarwaSami-qk1zb
    @MarwaSami-qk1zb ปีที่แล้ว

    thank you so much for that helpful video

  • @Djihanetl
    @Djihanetl ปีที่แล้ว +1

    God bless you

  • @IronWolf47
    @IronWolf47 ปีที่แล้ว +1

    Nice Man

  • @user-vg8et3dl9j
    @user-vg8et3dl9j 2 ปีที่แล้ว +1

    thank you broooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo :)

  • @itsmemahsa
    @itsmemahsa ปีที่แล้ว +1

    Thank youuuuuu💗💗💗💗💗

  • @codingwithumair7441
    @codingwithumair7441 2 ปีที่แล้ว +1

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

    • @tahmidahmed-yt
      @tahmidahmed-yt  2 ปีที่แล้ว

      fonts.google.com/specimen/Poppins

  • @mamunasmehndidesign6772
    @mamunasmehndidesign6772 2 ปีที่แล้ว

    Very helpful tutorial

  • @Kazuhiro-i
    @Kazuhiro-i 2 ปีที่แล้ว +2

    Thanks bro

  • @Dilkash_Ram_Official
    @Dilkash_Ram_Official 2 ปีที่แล้ว +2

    Nice💙

  • @freddyboysolo
    @freddyboysolo 2 ปีที่แล้ว +1

    Thank you!

  • @romeogaming8617
    @romeogaming8617 ปีที่แล้ว

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

  • @INSpire750
    @INSpire750 ปีที่แล้ว +1

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

  • @sunuy192
    @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

  • @mdasadolislam8386
    @mdasadolislam8386 3 ปีที่แล้ว +1

    Nice broo. Go ahead

  • @aramisreboyras5176
    @aramisreboyras5176 2 ปีที่แล้ว +2

    very good video

  • @miannomam8125
    @miannomam8125 2 ปีที่แล้ว +2

    Beautiful ❤️

  • @idres2937
    @idres2937 2 ปีที่แล้ว +1

    Thank you ❤️

  • @jatinmaini4140
    @jatinmaini4140 2 ปีที่แล้ว +1

    Vry osam bro

  • @Shamsh1p
    @Shamsh1p ปีที่แล้ว

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

  • @royandescartes
    @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

  • @IhtishamAhmad945
    @IhtishamAhmad945 ปีที่แล้ว

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

  • @itsmykaimusic
    @itsmykaimusic ปีที่แล้ว +1

    super nice :)

  • @tahmidahmed-yt
    @tahmidahmed-yt  2 ปีที่แล้ว

    Learn how to make a complete Responsive Real Estate Website from scratch using HTML, CSS, and JavaScript easily by watching this video.
    Video Link: th-cam.com/video/akFPxiqTDWw/w-d-xo.html

  • @Uzmikmedia12
    @Uzmikmedia12 ปีที่แล้ว +1

    amazing.

  • @budgetserre7984
    @budgetserre7984 ปีที่แล้ว

    merci beaucoup

  • @fanzo_muciq5464
    @fanzo_muciq5464 ปีที่แล้ว +1

    Tq❤

  • @bandofbrotherbob1932
    @bandofbrotherbob1932 2 ปีที่แล้ว +1

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

    • @tahmidahmed-yt
      @tahmidahmed-yt  2 ปีที่แล้ว +1

      Thanks a lot bro💕

    • @bandofbrotherbob1932
      @bandofbrotherbob1932 2 ปีที่แล้ว

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

    • @bandofbrotherbob1932
      @bandofbrotherbob1932 2 ปีที่แล้ว

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

  • @darshanvavadiya6656
    @darshanvavadiya6656 ปีที่แล้ว +1

    thanks thanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanksthanks bhai

  • @donweryabautet5059
    @donweryabautet5059 2 ปีที่แล้ว

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

  • @Muhammadkashan-sb7oc
    @Muhammadkashan-sb7oc 4 หลายเดือนก่อน +1

    thanks :))

  • @jkovert
    @jkovert ปีที่แล้ว

    what does .pra mean ?

  • @samithapriyamal965
    @samithapriyamal965 ปีที่แล้ว

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

  • @tgt792
    @tgt792 2 ปีที่แล้ว +1

    merci bien explique

  • @gani5196
    @gani5196 2 ปีที่แล้ว +2

    Superr

  • @saddamhussain9975
    @saddamhussain9975 2 ปีที่แล้ว +2

    helpful

  • @АндрійХалявка
    @АндрійХалявка ปีที่แล้ว +1

    You very help my

  • @out155
    @out155 2 ปีที่แล้ว +2

    Not responsive but appreciate your work👍

    • @tahmidahmed-yt
      @tahmidahmed-yt  2 ปีที่แล้ว

      Thanks a lot!
      th-cam.com/video/VRrEquQfh88/w-d-xo.html

  • @milank4602
    @milank4602 2 ปีที่แล้ว +1

    It is responsive?

    • @tahmidahmed-yt
      @tahmidahmed-yt  2 ปีที่แล้ว

      th-cam.com/video/VRrEquQfh88/w-d-xo.html

  • @griffins_diaries_
    @griffins_diaries_ 2 ปีที่แล้ว +1

    Thanks

  • @ivanzq21
    @ivanzq21 ปีที่แล้ว

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

  • @hardikchosla1610
    @hardikchosla1610 ปีที่แล้ว +1

    Nice

  • @augusto0187
    @augusto0187 2 ปีที่แล้ว +3

    Excelente gracias

  • @ricesword6435
    @ricesword6435 ปีที่แล้ว

    when i add 2 buttons it messes it up

  • @betelgeuse6388
    @betelgeuse6388 2 ปีที่แล้ว

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

    • @betelgeuse6388
      @betelgeuse6388 2 ปีที่แล้ว

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

  • @aminbrini9920
    @aminbrini9920 2 ปีที่แล้ว

    can you give me the part of css

  • @hoopaseneca
    @hoopaseneca 2 ปีที่แล้ว

    Gracias por el tutorial :D

  • @captainahmed3427
    @captainahmed3427 ปีที่แล้ว +1

    And how to make it responsive?

    • @tahmidahmed-yt
      @tahmidahmed-yt  ปีที่แล้ว

      th-cam.com/video/VRrEquQfh88/w-d-xo.html

  • @captenarii3938
    @captenarii3938 2 ปีที่แล้ว

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

    • @jamesmcevoy2000
      @jamesmcevoy2000 2 ปีที่แล้ว

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

    • @captenarii3938
      @captenarii3938 2 ปีที่แล้ว

      @@jamesmcevoy2000 ohhh now that makes sense
      thanks!