My code is not working on the new editor please help me

Tell us what’s happening:
Describe your issue in detail here.
i started working on this on codepen and i have passed the test but i was not able to find the problem after pasting it on the new editor, can someone please help me?

  **Your code so far**
\ file: <link href="styles.css" />
<style>
body {
  background-color: black;
  color: cyan;
  font-family: calibri;
}
</style>
<main id="main">
<h1 id="title"> Vegeta- the true underdog</h1>
<figure id="img-div">
<a id="tribute-link" target="_blank" href="https://youtu.be/rep3tz3XpyQ">
<img id="image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSSg63I6oiwQTTr2_kHyOjkfxrbMMTBCjU2jQ&usqp=CAU" alt="picture of vegeta" width="100%" height="auto">
  </a>
<figcaption id="img-caption"> vegeta is a picture which makes you stronger when you feel week. </figcaption>  
</figure>
<p id="tribute-info">
<b>Vegeta Tributes</b>
 <ul>
   <li> reselience </li>
   <li> feerlesness</li>
   <li> persistence</li>  
</ul>
</main>
<link href="styles.css" />
<style>
body {
  background-color: black;
  color: cyan;
  font-family: calibri;
}
</style>
<main id="main">
<h1 id="title"> Vegeta- the true underdog</h1>
<figure id="img-div">
<a id="tribute-link" target="_blank" href="https://youtu.be/rep3tz3XpyQ">
<img id="image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSSg63I6oiwQTTr2_kHyOjkfxrbMMTBCjU2jQ&usqp=CAU" alt="picture of vegeta" width="100%" height="auto">
  </a>
<figcaption id="img-caption"> vegeta is a picture which makes you stronger when you feel week. </figcaption>  
</figure>
<p id="tribute-info">
<b>Vegeta Tributes</b>
 <ul>
   <li> reselience </li>
   <li> feerlesness</li>
   <li> persistence</li>  
</ul>
</main>
\ file: #img-caption
{
width: 400px;
}
#image
{
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;  
}
#img-caption
{
width: 400px;
}
#image
{
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;  
}
  **Your browser information:**

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

Challenge: Build a Tribute Page

Link to the challenge:

I think that probably all you’re missing is this line at the top of your html:

<link href="styles.css" />

You’ll also want to move everything out of you style tags in the html into the styles.css and delete the duplicate selectors.

Congratulations on completing the project!

thank you it is working now

I’m glad I could help. Happy coding!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.