Design a Movie Review Page - Design a Movie Review Page bug test 8

HTML-CSS
1

Tell us what’s happening:

Hi! I’m stuck at 8. I’ ve tried everything. Please help! Seriously, I tried everything, even using star emojis. I don’t accept point 8 as correct, even though the numerical score in parentheses is after the span element.

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>Rise Beyond</h1>
     <img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="A young man stands with his back to the stage. He holds a guitar in his right arm. To his left, a guitar stands vertically on the floor. Behind him, two heads peer out, looking at him from the audience." width="300" height="200">
     <p>Rise Beyond is an uplifting drama that tells the story of Ethan Carter, a young man from a small town who dreams of becoming a world-class musician. Facing financial struggles and self-doubt, Ethan embarks on a journey of resilience, guided by his mentor Professor Adams and childhood friend Lena Mitchell. Through setbacks, failures, and moments of triumph, Rise Beyond reminds us that our greatest potential lies beyond our fears.</p>
     <p><strong>Movie Rating:</strong>
     <span aria-hidden="true">
       &#9733;&#9733;&#9733;&#9733;&#9733;&#9733;&#9733;&#9733;&#9733;&#9734;</span> (9.2/10)
         </p>
     <h2>Cast Members</h2>
     <ul>
         <li><strong>James Holloway</strong> as Ethan Carter</li>
         <li><strong>Facundo Stabosta</strong> as Louis Bentancur</li>
         <li><strong>Maria Collins</strong> as Evelyn Carter (Ethan's Mother)</li>
         <li><strong>Mirtha Minujin</strong> as Linda Weber</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

You’ll pass if you use the symbols given in the corresponding user story (i.e. :star: and/or ☆).

3

I just tried, but it doesn’t pass :confused:

4

Have you pasted in those exact symbols? If you replace the contents of this span element with 10 of the above stars, your code passes for me:

5

I’ve already corrected it with the symbols you told me, but it still doesn’t work…

6

Hi,
Can you share your updated code?

1 Like
7 
<!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>Rise Beyond</h1>
     <img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="A young man stands with his back to the stage. He holds a guitar in his right arm. To his left, a guitar stands vertically on the floor. Behind him, two heads peer out, looking at him from the audience." width="300" height="200">
     <p>Rise Beyond is an uplifting drama that tells the story of Ethan Carter, a young man from a small town who dreams of becoming a world-class musician. Facing financial struggles and self-doubt, Ethan embarks on a journey of resilience, guided by his mentor Professor Adams and childhood friend Lena Mitchell. Through setbacks, failures, and moments of triumph, Rise Beyond reminds us that our greatest potential lies beyond our fears.</p>
     <p><strong>Movie Rating:</strong>
     <span aria-hidden="true">⭐⭐⭐⭐⭐⭐⭐⭐⭐☆
         </span>(9.2/10)</p>
     <h2>Cast Members</h2>
     <ul>
         <li><strong>James Holloway</strong> as Ethan Carter</li>
         <li><strong>Facundo Stabosta</strong> as Louis Bentancur</li>
         <li><strong>Maria Collins</strong> as Evelyn Carter (Ethan's Mother)</li>
         <li><strong>Mirtha Minujin</strong> as Linda Weber</li>
     </ul>
 </main>

</body>

</html>
8

It’s just a spacing issue. How many spaces are between the last star and the closing span tag?

Try re-arranging your elements so they are more clear.

<section>
    <h1>This is a heading</h1>
    This is some other text.
</section>

You can easily see there are no spaces between the heading text and the tags

1 Like
9

I already solved it with your help. Thank you very much!!

1 Like