Design a Movie Review Page - Design a Movie Review Page

HTML-CSS
1

Tell us what’s happening:

Like most others, I’m failing on Test #8. I’ve tried adding and deleting spaces around the span, as well as switching up the full and empty stars and everything. I’m 2 more checks away from full mental breakdown…

Your code so far

<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Movie Review</title>
 </head>
<body>
<main>
    <h1>Sinners</h1>
    <img 
    src="https://www.emagine-entertainment.com/wp-content/uploads/2025/03/Sinners.jpg"
    alt="the cast of Sinners over the motif of a guitar with the antagonist vampire in the background"
    height=400
    width=300
    />
    <p> Set during the time of prohibition, twin brothers Smoke and Stack are back home in Mississippi after spending time working for the Chicago mob. The two men plan to open a new juke joint in town with money they've stolen from the mob. Painted on a background of prohibition-era racism in America, they men try and make something real: a place where the black people of the time can let loose and enjoy themselves. When a trio of white people show up, we see tensions starting to rise. Under the impression that this is simple race tensions, it is quickly revealed that these three are vampires, here because of the amazing music in the air. As different denizens of the juke joint wander outside and become victims of the vampiric scourge, the protagonsists have to find a way to survive the night...
        </p>
        
<p>
    <strong>Movie Rating:</strong>
    <span aria-hidden="true">⭐⭐⭐⭐⭐⭐⭐⭐⭐☆</span>(9.6/10)
</p>
    

    <h2>Cast Members</h2>
        <ul>
            <li><strong>Michael B. Jordan</strong> as Smoke Stack</li>
            <li><strong>Hailee Steinfeld</strong> as Mary</li>
            <li><strong>Miles Caton</strong> as Sammie</li>
            <li><strong>Tenaj L. Jackson</strong> as Ruthie</li>
            <li><strong>Yao</strong> as Bo</li>
            <li><strong>Delroy Lindo</strong> as Delta Slim</li>
            <li><strong>Jack O'Connell</strong> as Remmick</li>
    </ul>
    </main>
    </body>

</html>

Your browser information:

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

Challenge Information:

Design a Movie Review Page - Design a Movie Review Page

2

Careful with the spacing after the span. It should be exactly like the example project.