My Profile link doesn't work but don't know why

<div class="profile-link"><p>
<a id="profile-link"  href="https://www.freecodecamp.org/bkentmoore" target="_blank">My Profile</a></p></div>

Hi, On my personal portfolio page my profile link at the bottom of the page isn’t working but apparently if I comment out all of my css it works. Any ideas what is wrong?https://codepen.io/brisket1/pen/xxGYKvN

I would really appreciate Your Help. Also, any idea how to make the embedded project pages smaller. Ideally I’d like to put two side by side.
Thanks again.

Please take a look on this part of your CSS:

#navbar #welcome-section {
  width: 100%;
  min-height: 100vh;
}

Why it’s behaving strange: this CSS block is not correct, if you want to use same CSS rules (one block) 2 IDs you should separate them by a comma. So it should be

#navbar, #welcome-section {
  width: 100%;
  min-height: 100vh;
}

Then you will see your mistake: this rules will start working and your navbar will cover the whole screen, because if something is min-height 100vh it means, its minimum height is the whole screen, so it means it will cover everything :wink: Now the code is bad and there is something you can’t see, but it’s covering the whole html you wrote - that’s why there is no properly working link in this pen.
Ask me if my explanations aren’t clear enough, but it’s really late on my side of the earth now and I have to go to sleep :smiley:

Forgot all about this @Brisket1. Looks at though you got a heads up on what you need to look at to correct it.