Tribute Page - Build a Tribute Page

Tell us what’s happening:

CSS not passing for centered, display block and max-width?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0>
<title>Tribute Page</title>
<link rel="stylesheet" href="styles.css">

<main id="main">
<h1 id="title">Sonic the Headghog</h1>
<p>The Fastest Hedghog Around!</p>
<div id="img-div">
<img id="image" src="" alt="picture of Sonic">
<figcaption id="img-caption">Sonic ready to Roll</figcaption>  
<section id="tribute-info">
<h3>Sonic Facts</h3>
<li>Sonic was made in 1991</li>
<li>Sonic Shoes were based off Micheal Jacksons album "BAD!"</li>
<li>Sonics mortal enemy is Doctor Eggman</li>
for more facts visit <a target="_blank" href="" id="tribute-link"></a>



/* file: styles.css */
#image {
display: block;
max-width: 100%;
height: auto;
justify-content: center;
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/ Safari/537.36

Challenge Information:

Tribute Page - Build a Tribute Page

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

You are missing your ending “ here

Thank you! i was stumped for like 30 mins