Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:

hellow.

i cant pass the style items (16, 17 and 19)! i am 2hours on this. please, help me. my code:

img {
display: block;
margin-left: auto;
margin-right: auto;
}

#image {
max-width: 100%;
height: auto;

}

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="style.css">
<title>Who is Doctor Robert</title>
  </head>
  <body>
<main id="main" title="main">
  <h1 id="title">Who was the real Doctor Robert in The Beatles’ song?</h1>
  <p>Speculation has ranged from an art dealer to a New York doctor to Bob Dylan to John Lennon himself. Let’s take a look at the suspects.</p>
  <div id="img-div">
  <img id="image" src="https://www.covermesongs.com/wp-content/uploads/2016/08/beatles-revolver.jpg" alt="Doctor Robert the Legend">
  <figcaption id="img-caption">
    <p id="tribute-info"><a id="tribute-link" href="http://www.beatlesebooks.com/dr-robert" target="_blank">Doctor Robert </a>You’re a new and better man. He helps you to understand. He does everything he can.</p>
  </figcaption>
  </div>
</main>
</body>
</html>

/* file: styles.css */
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#image {
  max-width: 100%;
  height: auto;
    
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Challenge Information:

Tribute Page - Build a Tribute Page

2

your issue is here. Double check the filename

1 Like
3

Now I managed to solve the problem, thank you so much for your help.

1 Like