Design a Movie Review Page - Design a Movie Review Page

HTML-CSS
1

Tell us what’s happening:

The stars are giving me trouble. I don’t know exactly how to include them. I was able to find stars in my emoji and look fine on my preview, but I’m still getting an error.

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>Movie Title</h1>
        <img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="A boy holding a guitar">
        <p>A movie about a boy wanting to play guitar professionally.</p>
        <p><strong>Movie Rating:</strong>
        <span aria-hidden="true">⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐︎⭐︎</span> (8/10)</p>
        <h2>Cast Members</h2> 
        <ul>
            <li><strong>Leslie Jupiter</strong> as Stacy Letters</li>
            <li><strong>Carl Martin</strong> as Benjamin Letters</li>
            <li><strong>Jeremy Sutures</strong> as David Wheelers</li>
            <li><strong>Rebecca Howard</strong> as Jodi Margaret</li>
            </ul>     
        </main>
</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.6 Safari/605.1.15

Challenge Information:

Design a Movie Review Page - Design a Movie Review Page

2

Hi. I ran your code and cut and paste the stars again, from the instructions and it passed changing the number to 9/10 to copy the example exactly. I made no other changes as your code was otherwise correct

3

I tried that and I also tried 10/10 stars but neither worked.

4

I did the same as I did above and it passed. Did you completely reset the step? Do that and then cut and paste your code above back in, change only the stars by cut and pasting them again from the instructions and change the number to 9. Remember not to add the full stop when cutting and pasting the stars.