Design a Movie Review Page - Design a Movie Review Page

HTML-CSS
1

Tell us what’s happening:

I am stuck on #8. It states that inside the rating element there needs to be a span element of 10 stars (full or empty) and a numerical number in () after the span element. I have tried the span element before the star rating, after the star rating, and also after the entire line of code, before the closing tag. Nothing passes. I have looked on the forum for help and seen information about having the proper number of stars(10). A hint perhaps would be greatly appreciated, what am I missing?

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 2</h1>
        <img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="movie poster for rise beyond 2">
        <p>This movie is about a boy played by James Holloway and his rise to fame.</p>
        <p><strong>Movie Rating:</strong>
            <span aria-hidden="true">Star Rating</span>⭐⭐⭐⭐⭐⭐⭐⭐⭐☆
            (9.2/10)</p>
                
        
            <h2>Cast Members</h2>
            <ul>
                <li><strong>James Holloway</strong> as Ethan Holloway</li>
                <li><strong>Emma Stone</strong> as Kimberly Wanijiku</li>
                <li><strong>Ryan Reynolds</strong> as Kiara Wairimu</li>
                <li><strong>George King</strong> as Ali Ali</li>
                <li><strong>Wandai Pocha</strong> as Kusinjiru Kwk</li>
               
            </ul>
        </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/139.0.0.0 Safari/537.36

Challenge Information:

Design a Movie Review Page - Design a Movie Review Page
https://www.freecodecamp.org/learn/full-stack-developer/lab-movie-review-page/design-a-movie-review-page

2

there are no stars in a span element in your code

3

thank you for your quick response. what your saying is have the closing span element directly after the stars?

4

you need to have the exact format requested, if that would be the only change it would not satisfy the requirements

5

This is what I get from the instructions: The stars are the only element in the span besides the aria-hidden., which is still not passing. Example of my code below

<p><strong>Movie Rating:</strong>Star Rating<span aria-hidden="true">⭐⭐⭐⭐⭐⭐⭐⭐⭐☆</span>(9.2/10)</p>
6

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with three backticks to make it easier to read.

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

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 (').

7

double check the instructions, make sure you have not added anything extra