Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Tell us what’s happening:

hey i am trying to “run the test” on my portfolio project and the button wont work?? any help would be appreciated!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="./styles.css" />
    <title>Portfolio Webpage</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    </head>
    <body>
      <header>
        <nav id="nav-bar">
          <ul class="nav-link">
            <li><a href="#welcome-section"class="nav-link">Welcome</a></li>
            <li><a href="#projects"class="nav-link">Projects</a></li>
            <li><a href="#contact"class="nav-link">Contact</a></li>
          </ul>
        </nav>
    </header>
    <section id="welcome-section">
      <h1>Hello, I am Tessa.</h1>
      <p>A wannbe coder</p>
    </section>
    <section>
      <a class="projects">
        <img src="">
        <p><span></span><span></span></p></img>
      </a>
      <section>
        <a class="contact"></a>
      </section>
    </section>
    </body>
</html>
/* file: styles.css */
:root {
  --neutral: #232946; 
--base-100: #fffffe; 
--neutral-focus: #121629;
--accent: #eebbc3;
* {
  margin: 0;
}

body {
  background-color: var(--neutral);
  font-family: ,sans-serif;
  text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: sans-serif;
}

h1 {
  font-size: 60px;
}

header {
  postion: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 19px;
  padding: 1em;
}

#nav-bar {
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
background-color: var(--neutral);
  padding: 20px 0px;
  font-size: 20px;
  border-bottom: 1px solid var(--neutral-focus);
}
.nav-link {
  display: flex;
  list-style: none;
  font-family: sans-serif;
}

.nav-link a {
  text-decoration: none;
  padding: 0 10px;
  color: var(--base-100);
}

.nav-link a:hover {
  text-decoration: underline;
}

section {
  min-height: 100vwl;
  padding: 70px 0;
}

#welcome-section {
background-color: var(--neutral);
color: var(--base-100);
display: flex;
flex-direction: column;
}

#welcome-section h1 {
  margin-top: 30vh;
}

#welcome-section p{
  color: var(--accent);
  font-size: 25px;
  margin: 25px 0;
  font-style: italic;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36 Edg/124.0.0.0

Challenge Information:

Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HI @t-thrasher !

Welcome to the forum!

I am able to run the tests button on my end.
it shows that you are currently passing 3 tests

Welcome to the forum @t-thrasher

Save your code off line, then reset the step and try again. If that doesn’t work, refresh the page, disable dark mode, disable ad blockers. Or, use another browser.
If the above steps do not work, you may need to restart the computer.

Happy coding

Hey there !
Welcome to the FCC forum. Your link’s element href value should be styles.css instead of ./styles.css because in the FCC editor css file name is styles.css. and You need to add space between attributes within your anchor elements.
Also you have not completed all the required instructions. Read the project instructions carefully.
@t-thrasher