@Yehan20
Posted
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
Marked as helpful
@jesuisbienbien
Posted
@Yehan20 thank you for your feedbacks. I really appreciate it. Will work on this more.
@Yehan20
Posted
@jesuisbienbien Thanks so much , good luck for the rest of the challenges