Tribute Page 8/10

1

Hey Guys! I was wondering if you can check out my code.
It keeps throwing me 8 / 10. I checked with the CodeCamp example and I can’t find my mistakes.
Can you give me a hand on this?
Thanks everyone!

https://codepen.io/l0c0tinch0/pen/vYOvvqb

2

Sure

7. I should see an element with a corresponding id=“tribute-link”, which links to an outside site that contains additional information about the subject of the tribute page. HINT: You must give your element an attribute of target and set it to “_blank” in order for your link to open in a new tab (i.e. target="_blank").

Where is the id tribute link in your HTML?

1. The element should responsively resize, relative to the width of its parent element, without exceeding its original size.

img{
  max-width:100%;
  display:blocked;
  margin:0 auto;
}

Can you spot what goes wrong there?

3

I have moved your topic to a more suitable subforum, please be sure to select the correct subforum next time - #general is only for if there is not a more appropriate subforum

HTML syntax

  • on line 17 the img element is missing the closing >

TESTS

  • Content #7 - (HTML line 27) the target attribute of the anchor element should be _blank, you set it to -_blank
  • Layout #1 - (CSS Line 31) blocked is not a valid value for that css rule
4

Hi Kitty! Thanks for that, i changed it to:

img{
max-width:100%;
margin:0 auto;
}
#img-div{
margin:0;
padding:10px;
}

But now it has given me 7/10, i really can’t notice why.

5

@l0c0tinch0, when tests fail click on the red button to see which one(s) fail and why.

6

if you click on the 7/10 you can see which tests you are not passing. Also, the first line below the test will say often something useful on how to fix the thing.

For example now you are not passing

5. Within the "img-div" element, I should see either a <figcaption> or <div> element with a corresponding id="img-caption" that contains textual content describing the image shown in "img-div".

Just below it there is this line:

Element is not a child of id="img-div"

Your code is

  <figure id="img-div">
    <img id="image" src="https://supercurioso.com/wp-content/uploads/2019/07/Carlomagno.png" alt="Charlemagne"></figure>
    <figcaption id="img-caption">Charlemagne holding Europe</figcaption>

and as the test say, #img-caption is not nested in #img-div

7

Ok iaehleen, thanks for you help.
When I added “>” it changed the result to 7/10. :smile:.
I’ll keep searching for errors.
thanks again!

8

Ok!!! I didn’t check that!!! Sorry!!!

9

@Roma @KittyKora
Thank you!!!

10

10/10!!! Thank you all!!!
:heart: :heart: :heart: