HTML Tribute Project Help

1

I typed this code into a Codepen.io pen and ran the test for the Tribute Page, but it failed the first test. I don’t know what I’m doing wrong.

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Tribute to Martin Luther King Jr.</title>
  </head>
  <body>
    <main>
<h1 id="title">Rev. Dr. Martin Luther King Jr.</h1>
<p>Civil Rights Leader and Nobel Peace Prize Laureate</p>
      Martin Luther King Jr. was born in Atlanta, Georgia.
      <figure id="img-div">
    <img
      id="image"
      src="https://upload.wikimedia.org/wikipedia/commons/0/05/Martin_Luther_King%2C_Jr..jpg"
      alt="Martin Luther King Jr."
    />
    <figcaption id="img-caption">
          Dr. Martin Luther King Jr.
        </figcaption>
  </main>
  </body>
</html>

I have now figured it out. My final project is available at https://codepen.io/RexRode/pen/RwPrPoV

2

Hi RexRode,
Could you provide us a link to your specific pen?

3

I’ve edited your post 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.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

4

I’ve just done the outline for this, one of your tags is missing an attribute the user stories/spec are asking for. I did something similar. This is my first time replying so i’m not sure whether to just hint or state what the issue is.

1 Like
5


By the way, how do I open the test suite on Codepen? I tried opening my Codepen in this link https://codepen.io/freeCodeCamp/pen/MJjpwO and then running the test suite, but how do I open a test suite in my own Codepen?

6

I will do that in the future.

7

@RexRode, keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>). Cut & paste this into the HTML section.

As an aside, codepen only requires the code you’d put within the <body> </body> tags in HTML. (No need to include the body tags). For anything you want to add to <head> click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.

8

Hi @pmhofmann, welcome to the forum.
I don’t think there are such specific rules for how to answer. I would say trust your gut in what would be most helpful to each individual.