#Build a Tribute Page

Tell us what’s happening:
Describe your issue in detail here.

The #main side of the code is not functioning and i don’t seem to figure it out. I need help
Your code so far

\ file: <!DOCTYPE html>
<html>
<head>
<style>
#main {
 background-color: grey;
 color: black;
 padding: 40px;
 text-align: center;
}

#title {
 background-color: grey;
 color: black;
 padding: 10px;
 text-align: center;
}
#img-div {
  
 }

 #image {
   display: block;
   max-width: 100%;
   height: auto;
   img-align: center;
 }

   #img-caption{
     background-color: white;

 }
    #tribute-info{
      background-color: white;
      color: black;
      padding: 10px;
      text-align: center;

 }
      #tribute-link{

 }
</style>
</head>
<body>
 


<!-- An element with a unique id -->
<h1 id="main">Dr. Norman Borlaug</h1>
<h2 id= "title">The man who saved a billion lives</h2>

 <figure id="img-div"></figure>

  <img id="image"></img>

   <div id ="imd-caption"></div> 

<h2 id ="tribute-info"></h2>
<a id= "tribute-link"  href = "" target ="_blank">
 <h2 id ="tribute-info"></h2>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
#main {
 background-color: grey;
 color: black;
 padding: 40px;
 text-align: center;
}

#title {
 background-color: grey;
 color: black;
 padding: 10px;
 text-align: center;
}
#img-div {
  
 }

 #image {
   display: block;
   max-width: 100%;
   height: auto;
   img-align: center;
 }

   #img-caption{
     background-color: white;

 }
    #tribute-info{
      background-color: white;
      color: black;
      padding: 10px;
      text-align: center;

 }
      #tribute-link{

 }
</style>
</head>
<body>
 


<!-- An element with a unique id -->
<h1 id="main">Dr. Norman Borlaug</h1>
<h2 id= "title">The man who saved a billion lives</h2>

 <figure id="img-div"></figure>

  <img id="image"></img>

   <div id ="imd-caption"></div> 

<h2 id ="tribute-info"></h2>
<a id= "tribute-link"  href = "" target ="_blank">
 <h2 id ="tribute-info"></h2>
</body>
</html>

\ file: 

   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:100.0) Gecko/20100101 Firefox/100.0

Challenge: Build a Tribute Page

Link to the challenge:

You should have a main element with an id of main

Looks like you have an <h1> with an id of main instead of a <main> :slightly_smiling_face:

It was really helpful. Thank you.

Kindly help me out with the descendant elements of the main element as well. I don’t seem to identify the error

This topic?

I know of a way that works, but I’m not sure it’s the best.