Tell us what’s happening:
Describe your issue in detail here.
My img elents on CSS will not pass all the tests. When plugging the code in an external editor it does the functions correctly.
**Your code so far**
/* file: index.html */
<main id="main">
<h1 id="title">NY Knicks</h1>
<figure id="img-div">
<img id="image" src="https://cdn.freebiesupply.com/images/large/2x/new-york-knicks-logo-transparent.png" alt=Ny Knicks Logo>
<figcaption id= "img-caption"> Knicks logo
</figcaption>
</img>
</figure>
<section id="tribute-info">
<h2>Accomplishments</h2>
<ul></ul>
<li>Championships 2 (1970, 1973)</li>
<li>Conference titles 4 (1972, 1973, 1994, 1999)</li>
<li>Division titles 8 (1953, 1954, 1970, 1971, 1989, 1993, 1994, 2013)</li>
</section>
<p> for more information<a id="tribute-link" href="a" target="_blank">click here</p>
</a>
</main>
/* file: styles.css */
h1{
text-align: center;
}
img{
width: 500px;
height: 500px;
}
#image{
max-width: 100%;
height: auto;
display: block;
margin: auto;
}
figure{
text-align: center;
}
section{
text-align: center;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14695.85.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.75 Safari/537.36
Challenge: Build a Tribute Page
Link to the challenge: