Https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-tribute-page

1

I have tried to complete the first User Story, took hours but the test still does not let me pass. Can someone show me the example?

3

User Story #1: My tribute page should have an element with a corresponding id="main" , which contains all other elements.

I am working on this on here: https://codepen.io/freeCodeCamp/pen/MJjpwO

Already so stuck.

My CSS is:

.main { }
4
.main { }
5

’

'

This is my html

7

`

`

This is my HTML

8
10

I spent time to figure out but can you give me the code to pass the first test or the hint?

11

Because I could not really understand what I am supposed to do at the first place. But once I see the sample, I should move forward to following tests

14

#Content

  • 1. 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

15 
o.assert.isNotNull(document.getElementById("main")),Object(o.assert)(document.querySelectorAll("#main div, #main figure, #main section, #main a, #main h1, #main img").length,'element with id="main" must contain other elements')
16

and it gives me a bunch of links