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.

I do not understand what I’m doing wrong. I put 10 stars and added the numerical value in parentheses after the span just like it says to.

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>Back to the Future</h1>
            <img src="https://m.media-amazon.com/images/M/MV5BZmM3ZjE0NzctNjBiOC00MDZmLTgzMTUtNGVlOWFlOTNiZDJiXkEyXkFqcGc@._V1_.jpg" alt="Back to the Future poster" width="200px">
            <p>Marty McFly, a 17-year-old high school student, is accidentally sent 30 years into the past in a time-traveling DeLorean invented by his close friend, the maverick scientist Doc Brown.</p>
            <p>9/10 <strong>Movie Rating:</strong> <span>⭐⭐⭐⭐⭐⭐⭐⭐⭐☆</span> (9)</p>
        </main>
    </body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/145.0.0.0 Safari/537.36

Challenge Information:

Design a Movie Review Page - Design a Movie Review Page

2

Hi @wonkybuddy ,

Please review again User story #5 and implement it exactly as instructed.

Happy coding!

3

This can be deleted/closed