Design a Movie Review Page - Design a Movie Review Page

HTML-CSS
1

Tell us what’s happening:

Help! I do not see what I’m doing wrongly in this code

Movie Rating: ⭐⭐⭐⭐⭐⭐⭐⭐⭐☆ 9.2/10

my number 5 on Design a movie review page lab.

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>Rising Beyond Limitation</h1>
        <img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="A young Boy standing on the stage holding unto his guitar and backing the audience facing his dream world ">  
    <p>A story about how Samuel was able to rise beyond his limitations</p> 
    <p><strong>Movie Rating:</strong> 
    <span aria-hidden="true" >⭐⭐⭐⭐⭐⭐⭐⭐⭐☆

    </span>
    9.2/10
    </p>
    <h2>Cast Members</h2>
    <ul>
        <li><strong>Fatai Samuel </strong>as Ethan Carter</li>
        <li><strong>Olusegun Shallom</strong> as Marie Carter</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/124.0.0.0 Safari/537.36

Challenge Information:

Design a Movie Review Page - Design a Movie Review Page

2

try removing the spaces between the stars and closing span

  • A numerical value, representing the rating, in parentheses (e.g. 9.2/10) after the span.

and implementing the direction in this user story

3

Thank you very much! Ihave gotten it