Tribute Page Objectives

HTML-CSS
1

I have completed the tribute page (attached above) and the first few times I ran the tests, they were complete up to the point I was at but now when I run the test, it states that my first objective is incomplete. Can someone please review this and help me figure out what I’m missing?

Thank you!

2

@cheriroundy, 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 failing message says

My tribute page should have an element with corresponding id="main", which contains all other elements.
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 is failing?

On a side note, keep all you styling external. Do not use internal styling.
The @import of the font should be the first line in the CSS editor. Don’t put it in a selector.

3

I’m still not quite understanding. Did they mean they want id=main to equal null? I tried that and still am not receiving exactly what they’re looking for. Also, thank you for the other tip. That has been changed.

4

The issue is here

<style>
      @import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
  body {
    background-color: #06299E;
    font-family: 'Varela Round', sans-serif;
  }
  </style

You didn’t close out your end style tag. It is missing a >

Then it will pass.

1 Like
5

Never mind, I figured it out. Thank you so much for your help

6

As a side note, you should get rid of those style tags and place all of your css in the css section.

7

The failing message said "expected null to not equal null

Glad you were able to figure it out.

8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.