Design a Movie Review Page - Design a Movie Review Page

HTML-CSS
1

Tell us what’s happening:

I cannot get my code to pass the span element test, Everything else has passed and the page renders the stars correctly, but the code keeps failing I have tried to use ★ ★ ★ ★ ★ ★ ★ ★ ★ ☆ inside the span element and then (9/10 stars) after the span closing element. I have also tried to use copy and paste to paste the stars from the instructions into the span element but both scenarios fail. What am I missing???

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>Rise Beyond 2</h1>
        <img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="Rise Beyond 2 movie poster" />
    
    <p>Rise Beyond 2 takes place in the not so distant future, following a kid and his dreams, and the obstacles he will face.</p>
    <p><strong>Movie Rating</strong>
    <span aria-hidden="true"> &#9733; &#9733; &#9733; &#9733; &#9733; &#9733; &#9733; &#9733; &#9733; &#9734;  </span> (9/10 Stars)</p>
    <h2>Cast Members</h2>
    <ul>
        <li><strong>John LaValley </strong> as Joh3n</li>
        <li><strong>Scarlett Johanson</strong>as Joh3n's Love interest</li>
        <li><strong>Florence Pugh </strong>as Joh3n's other love interest</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/138.0.0.0 Safari/537.36

Challenge Information:

Design a Movie Review Page - Design a Movie Review Page

2

you just need to copy the yellow and empty stars into place with no extra spaces, then next to them write the value with no addiitonal words or spaces. eg. (9/10)