Design a Movie Review Page - Design a Movie Review Page

HTML-CSS
1

Tell us what’s happening:

  1. The span element inside the rating paragraph should have ten stars, either filled in (:star:) or empty (☆), followed by a numerical value in parentheses after the span.

please somebody should help me out

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>The Return of the Arabman</h1>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="rise-beyond">
    <p>This movie explains how young man from a city of the Arabian pennusilus travelled away from his natural enclave and move to a different enclave for his survival. For one or to reasons he decided to come back to where he was born and breded. In his return, there was a lot of tragedic stuffs that happen. this is a very lovely story to watch.</p>

    <p>
        <strong>Movie Rating:</strong><span aria-hidden="true"> **********</span> (10/10)
    </p>
    <h2>Cast Members</h2>
    <ul>
        <li><strong>James Holloway</strong> as <strong>Ethan Carter</strong></li> 
        <li><strong>Awudu Osman</strong> as <strong>Oga Landlord</strong></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
https://www.freecodecamp.org/learn/full-stack-developer/lab-movie-review-page/design-a-movie-review-page

2

Hi. You have to use the stars in the user story 5 rather than asterisks. You can cut and paste them