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:
