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

HTML-CSS
1

What’s the wrong in My Code regarding above Scenario

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device=width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css"/>
  </head>
  <main>
    <nav id="navbar">
      <a href="#" id="profile-link" target="_blank"></a>
    </nav>
    <secton id="welcome-section" class="project-tile">Welcome
      <h1>Portfolio WebPage</h1>
    </section>
    <section id="projects" class="project-tile">Projects
      <a></a>
    </section>
  </main>
  <body></body>
</html>
2

Hi!

In future please press the ‘ask for help’ button, this will create a forum topic post with the link to the lesson you are on, your code automatically formatted and your browser information.

For now, please can you edit your post to add a link to the lesson? This will make it much easier for people to check the lessons requirements.

Thank you. :slight_smile:

3

I am new to freeCodeCamp Forum. I did not understand “where to post my problem??”. AnyWay , I didn’t make this mistake again.

Thank You :slight_smile:

4

Tell us what’s happening:
Describe your issue in detail here.

Your code so far
In the above Scenario, I got an Error. Please Help me regarding this Scenario

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device=width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css"/>
  </head>
  <main>
    <nav id="navbar">
      <a href="#" id="profile-link" target="_blank"></a>
    </nav>
    <secton id="welcome-section" class="project-tile">Welcome
      <h1>Portfolio WebPage</h1>
    </section>
    <section id="projects" class="project-tile">Projects
      <a></a>
    </section>
  </main>
  <body></body>
</html>

/* file: styles.css */
@media only screen and (max-width:720px){
  
}

Your browser information:

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

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

5

What is the error you are getting?

6

Your portfolio should contain at least one element with a class of project-tile.
In this above task, I got Error !!

7

I put your code into an online html checker and it found that you mispelled the word section a few times.

Try fixing these errors and see if that helps.

Link to checker:

8

I can use your guidelines. I can clear all errors. But, in my freeCodeCamp validator where my Scenario is doe ,it’s not Work

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
<title>Portfolio</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device=width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
  </head>
  <main>
    <nav id="navbar">
      <a href="#" id="profile-link" target="_blank"></a>
    </nav>
<section id="welcome-section" class="project-tile">Welcome
      <h1>Portfolio WebPage</h1>
    </section>
    <section id="projects" class="project-tile">Projects
<h2>Personal Details</h2>
      <a></a>
    </section>
    </main>
</html>
9

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

10

This is your projects section.
According to the requirements:

  1. The projects section should contain at least one element with a class of project-tile to hold a project

Notice they said the section should contain a project-tile element.

That means that one of the elements inside it should have that class.

At this time, you only have h2 and a inside and both do not have that required class.

11

Thank You . It’s Work Out :grinning:

1 Like
12

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