Help Please - Tribute Page

HTML-CSS
#1

Hello everyone,
Been stuck for three days, and just need one more test to complete the task.
I know there are similar posts but none of them seemed to help me. If anyone can advise me on why my code is not passing, namely, the
" Your img element should have a display of block ." test.

Code is below:

<!DOCTYPE html>

<html lang="en">
<main id="main">
<head>
  <link rel="stylesheet" href="styles.css">
<h1 id="title">Yin & Yang</h1>
</head>
<body>
<div id="img-div">
<a id="tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/Yin_and_yang">

<img src="https://avatarfiles.alphacoders.com/210/210299.png"
id="image"
  style="max-width:100%" 
  margin="0 auto"
  height:"auto"
  max-width:"100%"
  display= "block"
  >
</a>

<figcaption id="img-caption"> Yin and Yang 
</figcaption>

</div>

<p id="tribute-info">
Yin and yang (/jɪn/ and /jæŋ/) is a Chinese philosophical concept that describes opposite but interconnected forces.

</body>
</main>
</html>
#2

The only style being set on this img is max-width:100%.

You might want to google the style attribute to see how to set multiple properties on an element. Or you could set all of these in the style sheet.

1 Like
#3

GAH! Thank you so much. Passed thanks to you. :slight_smile: