Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Your portfolio should contain at least one element with a class of project-tile.

I’m stuck. I’ve got 4x .project-tile

what I’m doing wrong?

Your code so far

/* file: index.Ext.html */







<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="styles.css" />
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
      integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay"
      crossorigin="anonymous"
    />
    <link
      href="https://fonts.googleapis.com/css?family=Poppins:200i,300,400&display=swap"
      rel="stylesheet"
    /> 
    <link
      href="https://fonts.googleapis.com/css?family=Raleway:700&display=swap"
      rel="stylesheet"
    />
  </head>
<!--welcome-navbar-->
  <body id="welcome-section"> 
    <h1>Welcome</h1>
    <p class="project-title">PORTFOLIO</p> 
    <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>
<!--profile-section-->
    <span id="profile">
      <button><a id="profile-link" src="https://www.freecodecamp.org/fccafafb630-e8e6-4ce9-a2ab-94f75a7ee456">Profile</button>
    </span>
<!--project-section-->
    <span id="projects" class="projects">
    <h2>Projects<h2>  
      <p>FreeCodeCamp Projects</p>
      <navbar>
       <ul>
         <div class="survey">
           <li><a class="project-tile" src=" ">Survey</a></li>
         </div>
         <div class="tribute"> 
           <li><a class="project-tile" src=" ">Tribute Page</li>
         </div>  
         <div class=tec-doc">
           <li class="project-tile"><a class="project-tile" src=" ">Technical Document</a>
         </div>
         <div class="magazine">
           <li ><a class="project-tile" src=" ">Magazine</a></li>
         </div>
       </ul>   
   </navbar>
   </span>
<!--contact-section-->
   <span id="contact">
     <div class="contact">
       <h3 class="contact">contact info<h3>
         <p class="email">iamthedump69@googlemail.com<p>
       <a class="github" src="https://github.com/bumholeofdoom">
     </div>
   </span>


    
    










    



/* file: styles.Ext.css */






welcome-section{
  text-align:center;
  padding:auto;
  margin:auto;
  text-family:Brush Script ;
  text-weight:bold;
}
#projects{
  
}
.survey{
  
}

Your mobile information:

SM-S928B - Android 14 - Android SDK 34

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

2

it seems the error is given by something not being correct in the html, I suggest you test your code with Ready to check - Nu Html Checker and fix the errors

3

Hi there. Your each src attribute isn’t have value. Remember, src attribute goes within the img element.