Build a Tribute Page: User Stories 8 and 9

HTML-CSS
1

I’m having difficulty completing the tribute page challenge because my code doesn’t meet the requirements of User Story #8 and User Story #9. If someone can please tell me what is wrong with my code, or what is missing from my code, I’d greatly appreciate it.

Here is a link to my project in Codepen.

Browser
Google Chrome:
Version 81.0.4044.122 (Official Build) (64-bit)

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

Challenge: Build a Tribute Page

Link to the challenge:

2

Hello!

Are you building this in CodePen? If so, can you provide a link to your pen?

3

Hi nhcarrigan, thanks for reaching out.
I’ve edited my post to include a link that will take you to my pen.

4

In your CSS, #img { is looking for an HTML element with an id = "img". Is that correct?

5

Yes. That is correct.

6

Hmm. Are you sure it shouldn’t be looking for an HTML element <img>??

7

Because there is no HTML element in your code with id = img.

8

@JmJack, you can click on the red button to see the failing tests. In this case the failing message says;
The <img> element should responsively resize, relative to the width of its parent element, without exceeding its original size.
You styled an img id. Take off that octothorpe, hash tag, pound sign, and the tests will pass.

9

You know, I took another look at my code and you are right.
I just now changed #img in CSS to match the id = “image” in my HTML which immediately solved the problem.

Thank you so much for your help. :slight_smile:

1 Like