Responsive Web Design Tribute page. I am getting stuck here

HTML-CSS
1

So I could use some feedback here:
I created the next: https://codepen.io/maria-hoek/project/editor/AVPrnL#0

To pass the lesson: https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-tribute-page/

But I want to know if it is okay like this our do I need to change something?

I also did’t get what they meant with
User Story #1: My tribute page should have an element with a corresponding id="main" , which contains all other elements.

What they mean with all other elements do they mean I need to put it under <id="main" instert all code here? >
our do i need it instead of the style atribute?
What do they mean with elements what elements? Style? block? But what about the element then? so confusing this

2

you have a lot of the code mixed up so the head tag should be at the top and is for meta data only and all your divs and h2s should be in the body tag

<html>
  <head>
   <link href="https://fonts.googleapis.com/css?family=Hepta+Slab&display=swap" rel="stylesheet" type="text/css">
    <style>
        all css goes here....
   </style>
  </head>

  <body>
   <div id="main">
       all other elements goes here...
   </div>
  </body>
</html>

hope this helps :slightly_smiling_face:

1 Like
3

Thanks so much. :slight_smile: Yes it will help. I changed the code right away.

1 Like