Design a Movie Review Page - Design a Movie Review Page

HTML-CSS
1

Tell us what’s happening:

No 8 requirement to have 10 stars in span element, and i already did it (single space after the span done also). But it seems my code is not correct and can’t fulfill no 8 requirements, can you guys help me? 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: La Casa de Papel</h1>

            <img 
                src="https://m.media-amazon.com/images/M/MV5BN2Q2NmZjMzQtM2ZhYS00NWM3LTg0MDktYjNkNWYzM2MyYjI5XkEyXkFqcGc@._V1_FMjpg_UX1000_.jpg" 
                alt="La Casa de Papel Poster" 
                width="500" 
                height="800"
            />

            <p>
                La Casa de Papel, also known as Money Heist, is a Spanish heist crime drama television series created by Álex Pina. The series follows a group of robbers who plan and execute a meticulously planned heist on the Royal Mint of Spain, led by the enigmatic mastermind known as "The Professor." The show has gained international acclaim for its intricate plot, well-developed characters, and suspenseful storytelling.
            </p>

            <p>
                <strong>Movie Rating:</strong> The series begins with the recruitment of eight criminals, each with a unique skill set, to carry out the heist. The robbers take hostages and lock themselves inside the Royal Mint, while The Professor orchestrates the operation from an external location. As the heist progresses, tensions rise among the robbers and hostages, leading to unexpected twists and turns.     
                <span aria-hidden="true">⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐</span> (9.2/10)
            </p>

            <h2>Cast Members</h2>

            <ul>
                <li><strong>Úrsula Corberó</strong> as Tokyo (Silene Oliveira)</li>
                <li><strong>Álvaro Morte</strong> as The Professor (Sergio Marquina)</li>
                <li><strong>Itziar Ituño</strong> as Raquel Murillo (Lisbon)</li>
                <li><strong>Pedro Alonso</strong> as Berlin (Andrés de Fonollosa)</li>
                <li><strong>Jaime Lorente</strong> as Denver (Ricardo Ramos)</li>
                <li><strong>Miguel Herrán</strong> as Rio (Aníbal Cortés)</li>
                <li><strong>Esther Acebo</strong> as Mónica Gaztambide (Stockholm)</li>
                <li><strong>Darko Perić</strong> as Helsinki (Mirko Dragić)</li>
                <li><strong>Hovik Keuchkerian</strong> as Bogotá (Sergio Marquina)</li>
                <li><strong>Enrique Arce</strong> as Arturo Román</li>
                <li><strong>María Pedraza</strong> as Alison Parker</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/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

Hi. Count the number of stars against your numerical rating. They should match.

Look at the first bullet point of user story 5 compared to yours. Can you see how yours is different?