My anchor doesnt send me to the page i link on personal portfolio

When i try pressing the link to my fcc account it doesnt send me their but just says it working but when i copy and pasted it in code pen the link was working just fine.

<!DOCTYPE html>
<lang="en" html>
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>personal portfolio webpage</title>
    
    
    <link rel="stylesheet" href="styles.css" />
  </head>
<body>
  
  <nav id="navbar">
    <ul>
<li><a href="#welcome-section">About</a></li>
<li><a href="#projects">work</a></li>
<li><a href="#contact">contact</a></li>
</ul>
  </nav>
<section id="mypage"> 

<section id="welcome-section">
<h1 id="name">Hey I am Gavin </h1>
<p id="quote"> a web developer</p>
<a id="profile-link" target="_blank"/>
  </section>
  
<section id="projects" >
  <h3>These are some of my projects</h3>
  <h4 class="project-tile">Tribute Page</h2>
<a   />

  </section>
<section id="contact">
<h2 id="workt">Let's work together...</h2>
<p id="preference">How do you take your coffee </p>
<ul id="links">
<li><a href="https://www.freecodecamp.org/GavinEscanilla" target="_blank">Github</a></li>
<li><a href="mailto:gavinanothonyescanilla@gmail.com" target="_blank"/>Send a email</a></li>

  </ul>
</section>
</section>
  
</body>
</html>


  
@media only screen and (max-width: 600px) {
  #welcome-section{
    background-color: grey;
  }
}

body{
  margin: auto;
  font-family: Arial, sans-serif ;
}

nav{
  z-index: 99999;
  width: 100%;
  height: 80px;
  position: fixed;
  display: flex;
 justify-content: right;
 background-color: #eee; 
 font-size: 25px
}
ul{
  list-style-type: none;
}
nav > ul{
    display: flex;
flex-wrap: wrap;
align-items: center;
  }
  li{
    margin-left: 30px;
    margin-right: 100px;
    
  }
li > a{
    text-decoration: none;
    color: black;
    
  }
#mypage{
  position: absolute;
width: 100vw;
    height: 100vh;

}
#welcome-section{
    width: 100vw;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: black;
    background-image: linear-gradient(62deg, #DE3163 0%, #181719 100%);
  font-size: 50px;

}
#name{
 color: black;
}
#quote{
  color: black;
  font-size: 30px;
  font-style: italic;
}
#projects{
  display: flex;
  padding-top: 60px;
  background-color: #0047AB;
  border: 0;
  width:  100%;
  height: 50%;
}
#contact{
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-image: linear-gradient(62deg, #DE3163 0%, #181719 100%);
  height: 50%;

}
#workt{
  font-size: 60px
}
#preference{
  display:flex;
  justify-content: center;
 align-items: center;
  font-style: italic;
}

I think the reason it works this way is that you shouldn’t accidently navigate to another site and lose your work.
Either way the link is correct so if you create a code pen it should work like you said it did.
Hope this helps!

2 Likes

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.