Design a Movie Review Page - Design a Movie Review Page

HTML-CSS
1

Tell us what’s happening:

There is a bug.Your task: Each li should contain a strong element for the actor name followed by the corresponding character name preceded by the text as. (e.g., James Holloway as Ethan Carter).My code is below. I think I completed this task, but it shows like the fault. And I cannot submit it. What’s the problem?

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 Shawshank Redemption</h1>
    <img src="https://m.media-amazon.com/images/I/51r1lzFTpFL._AC_UF1000,1000_QL80_.jpg" alt="Two guys look at the sky in the field"/>
    <p>“The Shawshank Redemption” is a powerful story about hope, resilience, and the unbreakable strength of the human spirit. Tim Robbins and Morgan Freeman deliver unforgettable performances that elevate the film’s emotional depth. It remains one of the most inspiring and beautifully crafted dramas of all time.</p>
    <p><strong>Movie Rating:</strong><span aria-hidden="true">⭐⭐⭐⭐⭐⭐⭐⭐⭐☆</span>(9.2/10)</p>
<h2>Cast Members</h2>
<ul>
    <li><strong>Tim Robbins</strong> as Andy Dufresne</li>
    <li><strong>Morgan Freeman</strong> as Ellis Redding</li>
    <li><strong>Clancy Brown</strong> as 
Captain Hadley</li>
    <li><strong>Bob Gunton</strong> as Warden Norton</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/142.0.0.0 Safari/537.36

Challenge Information:

Design a Movie Review Page - Design a Movie Review Page

2

You deleted a lot of the initial code you were given. I’d put that code back.

3

Hello,
I can see where you failed:

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

You forgot the label and the class part of the code, there is the solution:

Mod Edit SOLUTION REMOVED

I hope that i helped you

4

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge. How to Help Someone with Their Code Using the Socratic Method

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

1 Like