Design a Movie Review Page - Design a Movie Review Page

HTML-CSS
1

Tell us what’s happening:

this part is not working. Anyone please explain why?

Movie Rating::star::star::star::star::star::star::star::star::star:☆(9)

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>Inception</h1>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="Beyond-rising" />
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab, unde?</p>
    <p><strong>Movie Rating:</strong><span aria-hidden="true">⭐⭐⭐⭐⭐⭐⭐⭐⭐☆</span>(9)</p>
    <h2>Cast Members</h2>
    <ul>
      <li><strong>James Holloway</strong> as Ethan Carter</li>
      <li><strong>Susan Blake</strong> as Ava Monroe</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

See if this helps:

Follow the format in the user stories for the numerical rating:

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

Add a space after your “:” and before your numerical rating.

3

You wrote 9 as the rating, you’re supposed to write 9.2/10

4

that’s just an example, you can give the rating you want