Help! <Img> element and tribute page

Code Feedback
1

Hello,

I have been playing about with my tribute page and was getting 10/10 for the tests.
But now I have messed about it with so much I have confused myself and am now unable to remedy this part of the test:

  1. The element should be centered within its parent element.

Here is a link to my tribute page:

https://codepen.io/dotdashdon/pen/abmVjRv

I would appreciate any feedback on this or any other errors I may have made but doesnt show in the test.

Thank you ever so much!
dotdashdon

2

Hi @dotdashhenry:
You’ve styled your image to 400%, that maybe way too much, why not 100%?

3

Oh yes that has worked! Thank you so much MrBondx.
I did want a larger image though but will settle for this if it means I
can pass the test.

Anyone else make more than one tribute page so can practice a bit more?
I think I need to…

4

Welcome to the forums @dotdashhenry. Your page looks good. Something to revisit;

  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in HTML. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • Run your CSS code through the validator.
    • There are CSS coding errors you should be aware of and address.

You can make as many tribute pages as you’d like. You only need to submit one with all the tests passing.
So you can make another one that has all the tests passing or you can make another where only some of the tests pass.

Edit: On a side note please verify your email addr with codepen so we can see you page full view.

1 Like