Design a Movie Review Page - Design a Movie Review Page

HTML-CSS
1

Tell us what’s happening:

Hi,

My movie review keeps failing only test 8.

“8. 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 found a recent question with a similar problem and used some of the suggestions from that post, but nothing seems to be working for me.

What am I doing wrong to not pass this test. Thank you!

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 Review: The Princess Bride</h1>
    <img src="https://mediaproxy.tvtropes.org/width/1200/https://static.tvtropes.org/pmwiki/pub/images/princess_bride_poster.png" alt="princess-bride-movie-poster" width="400">
    <p><em>The Princess Bride</em> is a charming fantasy movie that has something for everyone. Do you enjoy a good adventure? Check. Romance more your thing? It's got it. Love a good action adventure? Look no further. Based on the book by William Goldman of the same name, <em>The Princess Bride</em> has it all. It holds true to the original text, while respectfully changing elements of the story to be better suited for the Big Screen. The cast of the film really shines!</p>
    <p><strong>Movie Rating</strong><span aria-hidden="true">⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐</span> (10/10)</p>
    <h2>Cast Members</h2>
    <ul>
        <li><strong>Cary Elwes</strong> as Westley</li>
        <li><strong>Robin Wright</strong> as Buttercup</li>
        <li><strong>Mandy Patinkin</strong> as Inigo Montoya</li>
        <li><strong>Andre the giant</strong> as Fezzik</li>
        <li><strong>Wallace Shawn</strong> as Vizzini</li>
        <li><strong>Chris Sarandon</strong> as Prince Humperdink</li>
        <li><strong>Christopher Guest</strong> as Count Rugen</li>
        <li><strong>Billy Crystal</strong> as Miracle Max</li>
        <li><strong>Peter Falk</strong> as Grandpa</li>
        <li><strong>Fred Savage</strong> as Grandson</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.3 Safari/605.1.15

Challenge Information:

Design a Movie Review Page - Design a Movie Review Page

2

I think, even though the test result shows failure in no. 8, you should check the paragraph element that is the parent of the span element as a whole, pay attention to each character of the text, it must match exactly with the instructions.
hint: often programmers have problems just because of semicolons.

3

This is an issue with the tests. What should be failing is the test for:

  • A strong element with the text Movie Rating:.

Because without the : as part of the strong text, the stars test will fail. But you don’t know why.

Also, the “Movie Rating” requirement is missing the required space after the colon.

TL;DR add a colon and a space after the “Movie Rating” text.

I think we need to open an issue for this test. Edit: done.

1 Like
4

That solved it! Thank you so much! That was driving me insane! Note to self…check more broadly sometimes!