Intro Section With Dropdown Navigation (challenging but rewarding)

Community feedback

• 

  Yehan Nilanga•670

  @Yehan20

  Posted about 3 years ago

  Hey Congratulations on Completing the Challenge , I noticed that the nav bar did not expand on my laptop and once i inspected it , it expanded once it exceeds 1400px , i think you could add your break point on around 768 px , and in my laptop there were some side scrolling as well , in addition if your wanted to rotate the arrow near the navlink your could do that using js when you add the click effect for the drop down you can select the image next to it and change the src to the new arrow and when you click it again change the src back.

  For the overlay you could use the help of pseudo selectors to generate it , for an example when your nav is open you could add a class may be opened/toggled and for that add a pseudo selector. i did some testing and found this will make a full size overlay

  div#nav-menu:before {
      content: '';
      position: absolute;
      top: 0;
      width: 79%;
      height: 100%;
      left: 0;
      background: rgba(0,0,0,0.5);
      transform: translateX(-99%);
  
  }
  

  you could try this. I Hope by answer was helpful , good luck for the next challenge

  02

  Marked as helpful
• 

  Yahya•80

  @yhas14

  Posted about 3 years ago

  Wow you've come a long way, I remember commenting on your first project and I can see the major improvements you've made. Keep up the great work.

  11