wellen | teaching generative music making and algorithmic | Audio Utils library

I am currently adjusting my navbar and I want to remove the functionality of one anchor in my ul while still matching the style of the other anchors.

I already tried to use an id on the specific li-element and replacing it with a button (just copy-pasting the css), but nothing works so far.

Here is my code pen: https://codepen.io/gisbert12843/pen/XWKdZXj

The CodePen contains the full CSS ^^

And this is the HTML (highlighted the element by space):

I am starting to learn basic webdesign, I am kinda stuck with my Navbar for the last few days.

I am trying to produce a structure based on a CSS Grid. The Dropdown menu should unfold in a column below the navbar itself while being aligned with the menu point on the left side and overflow with the content towards the right side.

My navbar is currently a flexbox, but no matter what I do the dropdown menu either doesn't show at all or is bugged like in the version below.

I think it has something to do with the navbar itself being placed in a grid zone, but I just can't figure out a solution or even an alternative.

This is my current CodePen: https://codepen.io/gisbert12843/pen/pobJbyQ

And this is the Code:

I have a text file that looks like this:

I am having these texts ...

On my site I have a map with quit some items. Normally when you click on them, a pop-up box shows some info. Now the issue is that, when I click on location 1, the box 1 opens. But when clicking on location 2, the box opens at location 1. When clicking on location 3, the box opens at location 2, when clicking on location 4, the box opens at location 3, etc.

Here's the first lines of code: