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!
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?
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
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.
@l0c0tinch0, when tests fail click on the red button to see which one(s) fail and why.
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
Ok iaehleen, thanks for you help.
When I added “>” it changed the result to 7/10. .
I’ll keep searching for errors.
thanks again!
Ok!!! I didn’t check that!!! Sorry!!!
@Roma @KittyKora
Thank you!!!
10/10!!! Thank you all!!!