Topic. I got 8 out of 10, I’m not sure which I am missing.
https://codepen.io/Tomato_of_Justice/pen/gOGKwgZ is my code.
I used this to guide me :
and I tried to skip some steps and still retain the integrity of the instructions but maybe I messed up somewhere?
you have this two mistakes
1 => 5. Within the “img-div” element, I should see either a or
2 => 2. The element should be centered within its parent element.
next time just click on no of test pass button you will be able to see what your mistakes are.
Hello, @Cyath !
First, you must change <caption id="img-caption"> adasdas </caption> in <figcaption id="img-caption"> adasdas </figcaption>
Then set the height at auto and margin to 0 auto at #image.
Hope that helps!
@Cyath, 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.
The first failing message says
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".
expected null to not equal null
AssertionError: expected null to not equal null
Do you understand what the test is looking for and why it fails?
The second failing test says
The <img> element should be centered within its parent element.
Image is not centered: expected 0 to be close to 994 +/- 11
AssertionError: Image is not centered: expected 0 to be close to 994 +/- 11
This is a little harder as it is a little vague but you can revisit this lesson to center the image horizontally.
I see someone has given you the answers but I hope that this helps you in the future.
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.