Links in codepen not opening

HTML-CSS
1

so it seems links in codepen will not open

  <div class="pic-txt">
      <a href="https://github.com/bmansk8/java-game">
        <img class="project-pictures" src="https://us.123rf.com/450wm/iunewind/iunewind1504/iunewind150400075/39500459-program-basic-code-.jpg?ver=6" alt="java work"> 
        <p class="text-center">my java game repo</p>
      </a>
   </div>

This code above will not work in code pen(aka go to the website). This may not be a problem
but, I am not sure. The pic-txt class is just a custom class i made
and project pictures class is also a custom class I made for the margin
and all that jazz. Now here is the weird thing


   <div class="pic-txt">  
      <a href="https://codepen.io/bmansk14/pen/MVowzL">
        <img class="project-pictures" src="https://www.billboard.com/files/media/john-mayer-aug-2017-billboard-1548.jpg" alt="picture of john mayer">
        <p class="text-center">my tribute page</p>
      </a>
   </div>

This code works… so i have no idea what to do please help! (also opening in a new tab works so the
links seem to be correct)

2

Codepen does not like direct links that are not of it’s own domain. The second link works, because it is linking to the codepen.io domain. I would recommend add target="_blank" for both links, so that each links opens a new window for the href url.

3

Thanks for your help!