Responsive Web Design Projects - Build a Personal Portfolio Webpage is complete but doesn't submit

Tell us what’s happening:
“Run the tests” show all the requirements were completed successfully however the “Submit and go to next challenge” button does nothing and this code doesn’t save to my profile - thus preventing me from getting the certification.

Your code so far

<!-- file: index.html -->
<html>
  <head>
     <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <nav id="navbar" class="nav">
      <ul class="nav-list">
        <li>
          <a href="#welcome-section">About</a>
        </li>
        <li>
          <a href="#projects">Work</a>
        </li>
        <li>
          <a href="#contact">Contact</a>
        </li>
      </ul>
    </nav>
    <div id="welcome-section">
      <h1>Hey I am Johan</h1>
      <p>a web developer</p>
    </div>
    <div id="projects">
      <h1>Portfolio</h1>
      <div class="projects-grid">
        <a href="#photoblog" target="_blank" class="project project-tile">
          <img class="project-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Image_created_with_a_mobile_phone.png/1920px-Image_created_with_a_mobile_phone.png" alt="project" title="" style="">
          <p class="project-title">
            Photography Blog
          </p>
        </a>
        <a href="#birdvols" target="_blank" class="project project-tile">
          <img class="project-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/TEIDE.JPG/1920px-TEIDE.JPG" alt="project" title="" style="">
          <p class="project-title">
            Birdseye Volcanos
          </p>
        </a>
        <a href="#aurora" target="_blank" class="project project-tile">
          <img class="project-image" src="https://img.freepik.com/premium-photo/image-colorful-galaxy-sky-generative-ai_791316-9864.jpg?w=2000" alt="project" title="" style="">
          <p class="project-title">
            Aurora Borealis Gods
          </p>
        </a>
        <a href="#aurora" target="_blank" class="project project-tile">
          <img class="project-image" src="https://media.istockphoto.com/id/1322277517/photo/wild-grass-in-the-mountains-at-sunset.jpg?s=612x612&w=0&k=20&c=6mItwwFFGqKNKEAzv0mv6TaxhLN3zSE43bWmFN--J5w=" alt="project" title="" style="">
          <p class="project-title">
            Nature's Glory
          </p>
        </a>
      </div>
  <a id="profile-link" href="#profile" target="_blank">My Profile</a>
    </div>
  </body>
<html>


/* file: styles.css */
body {
    font-size: 1.8rem;
    color: #eee;
}
ul {
    list-style: none;
}
.nav-list {
  display: flex;
  margin-right: 2rem;
}
.nav {
  display: flex;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: teal;
  z-index: 0;
}
.nav a {
    color: #000;
}
.nav-list li {
    padding-left: 10px;
    padding-right: 10px;
}
#welcome-section {
 display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: #000;
}
h1 {font-size: 6rem;}
h1, h2 {
      font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-align: center;
}
#welcome-section > p {
    font-size: 3rem;
    font-weight: 200;
    font-style: italic;
    color: teal;
}
#projects > h1 {
    color: black;
}
.projects-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 4rem;
  margin: 10px auto;
  margin-bottom: 6rem;
  width: 100%;
  max-width: 1200px;

}
.project {
    width: 350px;
}

img {
  display: block;
  width: 100%;
  height: 250px
}
.project-title {
    color: black;
    text-align: center;
}
a { 
    text-decoration: none;
}

#profile-link {
    text-align: center;
    display: block;
}
@media (max-width: 600px) {
  html {
    font-size: 60%;
  }
  body {
      margin: auto;
  }
}

Your browser information:

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

Challenge: Responsive Web Design Projects - Build a Personal Portfolio Webpage

Link to the challenge:

Might be a bug, I’m seeing an error in the console when I click the button.

Uncaught TypeError: Cannot read properties of null (reading ‘includes’)

I haven’t really looked at it yet.

I opened an issue for:

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