How to make dropdown?

I can't get the code in order to get it right. There are two problems:

1) Property :the hover works correctly when the mouse hover on the edge of the element(background) the text does not change color, it changes only if clearly if you hover the mouse over the text. This applies to items navbar'a and dropdown elements.
2) can't make dropdown. Doesn't get up there and takes the color of the navbar elements. Then if he just separately add the other colors, so it will be normal? Or is it not best practice?

My code:
https://jsfiddle.net/L9r7d562/3/

Here is the original as I want to do:
https://codepen.io/sathishlxg/pen/JoLOYR?editors=1100
April 19th 20 at 12:48
1 answer
April 19th 20 at 12:50
Solution

Find more questions by tags CSS