Please assist: My personal portfolio project has an issue


Please could someone help me out by looking over my code for the personal portfolio project, as I 'm having an issue with it. In the project, I divided the webpage into 4 horizontal sections with different colours and different sizes. And in the first section with class “firstpane”, I created a navigation bar of three links and the three links all work fine.

My problem is that for some reason, all the other three sections now all appear as “clickable areas”, that is if you place the cursor over them, they show the sign that they are clickable. I have tried repeatedly to stop this behaviour, but all to no avail.

Here’s a link to my codepen code:
Thanks in anticipation.

Take a look in your browser’s dev tools. You’ll see that you have an <a> wrapped around those three sections.

Also, use codepen’s Analyze HTML feature to help you find exactly where the problem is.

Thanks for taking your time to look at my problem. Please I have used the analyze html in code pen and I discovered like you said that I didn’t close the tags for the <a> tags and I have corrected that, but the initial issue is still there. Those other 3 sections are still showing as clickable areas (see the link for the corrected code: Please any further suggestions?


They aren’t clickable for me. This problem seems to be fixed now.