Need help with my tribute page!

Tell us what’s happening:
Describe your issue in detail here.
The wording for the steps on building a tribute page makes it difficult for me to understand what exactly I am supposed to be doing in each step.
I just want to know if I am working in the right direction i believe i should be at user story #5.

Your code so far

<!DOCTYPE HTML>
<html>
<main>
<title>How to maintain am enriched consciousness</title>
<img-div>< img src="https://www.creatormind.org/wp-content/uploads/2018/08/Rich-Thinking-Article-Featured-Image.jpg" id="image" alt="a man thinking abundant thoughts">
<

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

Hi @impeccable937

I can’t see your code! I’d be happy to help you though if you can put your code on to Codepen. This is actually how FCC is validating your projects so the sooner you provide us with a link to your Codepen project, the better.

Ciao!

1 Like

While seeing your code will help it would also help if you describe what it is about the user stories that you do not understand.

For instance, user story #5 says;
Within the img-div element, I should see an element with a corresponding id="img-caption" that contains textual content describing the image shown in img-div.

Do you understand what this is asking you to do?
In user story #2 you were to create a div element with a corresponding id="img-div". That means you have a div with an id attribute that has as its value "img-div".
So user story #5 is having you nest an element that has id="img-caption" within the div element created in user story #2. And this newly created element should have text that describes the image.

If there’s something you don’t understand, ask.
We don’t want to give you answers but we do want to give you all the help we can.

2 Likes

Hi @impeccable937 !

Welcome to the forum!

When asking for help on projects, it would help to see your codepen link.
Taking a look at your code, you have syntax errors .
img-div is not a real html tag.
You have a couple of other errors too.
I would the docs on divs and img tags.

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.

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

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

1 Like

I thought I had posted what was coded so far but here is a link to the codepen Create a New Pen (codepen.io)

A Pen by David Alexander (codepen.io)

@impeccable937,
When coding in codepen your HTML code belongs in the HTML editor. And you only need the code you’d put within the body element.
And likewise, CSS code goes into the CSS editor.

From my previous response

This line in your code has a few errors;
<div><id="img-div" img src="https://www.creatormind.org/wp-content/uploads/2018/08/Rich-Thinking-Article-Featured-Image.jpg" id="image" alt="a man thinking abundant thoughts">

  1. id is not a valid HTML tag. It is an attribute. In this instance it looks like you want it to be an attribute of the opening div
  2. There is a missing closing div tag.

If you run the test script you will see the tests that are failing. When a test fails click the red button to see which test(s) are failing and text to help you correct the issue.
Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.
For instance, the first failing test says

My tribute page should have an element with corresponding id="main", which contains all other elements.
expected null to not equal null
AssertionError: expected null to not equal null

Do you understand what the message is saying and why the test is failing?
It’s expecting an element with an id="main" You have an element main but there’s no id attribute.
This was explained in the previous post which was quoted.
This lesson first introduced the id attribute.

Hope that helps.

So just for basic understanding , although I have an element of ‘main’ they want me to put the id of ‘main’ inside the ‘main’ element?

That is correct.
User story #1 says My tribute page should have an element with a corresponding id="main", which contains all other elements.

The user story doesn’t specify which HTML tag to use, just that it needs the id attribute to have a value of “main”.