Html project not reading code at all

I’ve been trying to complete this project but its not reading my code at all. I tried different formats and still nothing. I dont even think my code is right i would just like to see whats wrong with it but nothing comes up when i press check code? I then accidentally deleted most of it and tried to start over just trying to see if it would score me on anything and it didnt!

  **Your code so far**
/* file: index.html */

<div id="main">
<h1 id="title">Thom Yorke</h1>
</div>
/* file: styles.css */
#image {
  width:10%
  height:auto;
  display:block;
  max-width:100%;
  max-height:300px;
}
.center {display: block;
margin-left: auto;
margin-right: auto;
width: 50%;}
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.54 Safari/537.36

Challenge: Build a Tribute Page

Link to the challenge:

you need to link the css file to the html file, like written in the note in the project description

like i said… i did that but my code got deleted lol. it still did not run.

I do not see the link element that links the css to your html in the code you posted, without that the css will never have effect :person_shrugging: