Design a Movie Review Page - Design a Movie Review Page

HTML-CSS
1

Tell us what’s happening:

I’m having trouble with creating the 10 stars for the movie review. I’ve tried using special characters and emoji combination but it still not working. Any help would be greatly appreciated.

Your code so far

<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=.0">
     <title>Movie Review</title>
 </head>

<body>
    <main>
        <h1>Thunder</h1>
        <img src="thunder.jpg" alt="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png">
        <p>This is so far the best movie this year</p>
        <p>
            <strong>Movie Rating:</strong>
            <span aria-hidden="true">⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐(10)</span>
        </p>
        <h2>Cast Members</h2>
        <ul>
            <li><strong>Meliorn Martin</strong> as Tobby</li>
            <li><strong>Faith Lopez</strong> as Joy Lane</li>
            <li><strong>Boaz Rebecca</strong> as Brenda</li>
            <li><strong>Ruth Marafa</strong> as Judith Kate</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/137.0.0.0 Safari/537.36 Edg/137.0.0.0

Challenge Information:

Design a Movie Review Page - Design a Movie Review Page

2

Hi. Look at the third bullet point of user story 5. The format of your numerical score isn’t as asked.

You have put the numerical score in slightly the wrong place.

3

Hii Buddy, Here You need to put this numerical value after your star span element.

And do put this value in braces (12) like this.

The value should be same as recommended in instructions.

Hope You Understand.

4

hi, thanks for reaching out. i tried this but it didn’t work either. i even reset the test, then used unicode for the stars and still, it’s not going through

5

Please can you post your updated code after following my suggestions above about checking the correct format and placing for the numerical rating.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

6 
<p><strong>Movie Rating:</strong><span aria-hidden="true">&#9733;&#9733;&#9733;&#9733;&#9733;&#9733;&#9733;&#9733;&#9733;&#9733;&#9734;&#9734;</span>(10/12)</p>
7

Use the star icons like you did before. Your (10/12) is now in the right place.