Hi I made this menu bar with the help of a youtube video, I made it 4 min into the video till I got lost…but I ended up using what I know to finish it. Anything I can do better here or improve? Any code here that doesn’t make sense? For the drop down menu I see everyone using display:none but it wouldnt work for me so I just used visibility. Thank you for feedback.
If you hover just below “HOME” you would notice that dropdown will open, it’s because it sits there. To fix it just add height: 0; to .dropdown.
Next step would be adding keyboard support, unfortunately here you will have to introduce JS, as you will need to keep parent .dropdown visible while it’s grandchild a is in focus - currently impossible to do with CSS only.