My Tribute Page test?

1

Hello,

Hope everyone is well. i am having a problem with the Tribute challenge. I have 9/10 tests passed but cannot figure out what is wrong. Here is a link to my Codepen:

https://codepen.io/akjellis/pen/LYpXMVv

Thanks in advance,

Andy

2

I obviously haven’t finished yet, with styling. I wanted to pass all the tests first then build the page up. Andy

3

good for you @akjellis
well the test you not passed is about styling.
after run test, you can tap the test result , it will pop up the test error
hope it help

4

Ok . I will keep working on it!

5

Welcome to the forums @akjellis. Click on the red button to see what test(s) failed and why. Carefully read what the test was looking for. For instance, the failing test says;
The <img> element should responsively resize, relative to the width of its parent element, without exceeding its original size.

Try using the “max-width” style property : expected ‘none’ to not equal ‘none’

You’re styling an id and the test is looking at an element.
As an aside, this test will probably fail about three times. When you fix the first one it will fail in the same spot but with a different message. You’ll have to keep on, adding additional properties and values to make the test pass.

6

Thanks, clicking on the red box helps!

7

Finished! 10/10. Thanks for the help.

8

Good job @akjellis. I’ll give you some additional info that may help.

  • 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 <head> click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • The link to your font would go in the box labeled ‘Stuff for <head>’
    • Note too that the test script is JavaScript. This would not go into the head element. It would normally be place right before the closing body tag. Since it’s codepen, you can place it at the start or end of your code.
  • Run your HTML code through the W3C validator.
    • This will check that your HTML code is correct. While it may look good there are underlying rules that should be adhered to. Some browsers may “overlook” incorrect coding, some will not.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.

As an aside, if you ever want anyone to look at the pages you create in codepen you want them to be able to see it in full screen view. To do that you need to verify your email addr with codepen.