Responsive Dropdown Menu with Flexbox | CSS Flexbox Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ต.ค. 2024

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

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

    Just what I always wanted. Loud background music to help me learn flexbox

  • @runningsolution6154
    @runningsolution6154 4 ปีที่แล้ว

    Thank you for the video. How do you hide the menu after you click the links on the submenu of the dropdown?

  • @urbanhousenet344
    @urbanhousenet344 3 ปีที่แล้ว

    When adding a footer, there's space between the image and navigation

  • @seanpaulson9098
    @seanpaulson9098 3 ปีที่แล้ว

    I cant keep my drop down from resizing my nav bar...?

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

    thank you

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

      thanks for the visit

  • @hihieu3378
    @hihieu3378 4 ปีที่แล้ว

    wow! amazing ......

  • @ryanbarrera2595
    @ryanbarrera2595 5 ปีที่แล้ว

    awesome navigational bar..:)

    • @ryanbarrera2595
      @ryanbarrera2595 5 ปีที่แล้ว

      Mate.....do you know any free web hosting site where I can use to upload my html pages..and also any alternative tool of filezilla?

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

      www.000webhost.com/
      Fileftp

  • @luck72
    @luck72 5 ปีที่แล้ว

    ^^' so simple ! but had to think it ! (y) (y) thx !!

  • @mohammedkhairulislam2451
    @mohammedkhairulislam2451 5 ปีที่แล้ว

    Nice work bor

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

    .nav-area ul li:hover > ul {
    display: flex;
    }
    Doesn't work. I don't know why

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

      They changed some of the code without showing it I think. I admit, it's a bit confusing if you're trying to follow step by step. Hide the secondary items then reveal them upon hover.
      .nav-area ul li > ul {
      /* Selecting the secondary items */
      display: none;
      }
      .nav-area ul li:hover > ul{
      /*Revealing the hidden secondary items and displaying them as flex */
      display: flex;
      }
      Hope that leads you in the right direction.

    • @TheMicuchis
      @TheMicuchis 4 ปีที่แล้ว

      @@alexanderthompson8433 thank youu