Failed: 8. The span element inside the rating paragraph should have ten stars, either filled in () or empty (☆), followed by a numerical value in parentheses after the span.
I’ve looked through other codes and couldn’t find advice that would help me. Just looking for a little guidance
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>
<main> <h1>The Six Side</h1>
<img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png." alt="six sides"</main>
<body>
<p> A good kid in a bad neighborhood soon becomes a product of his enviroment. Surrounded by gangs, thieves, and addicts its hard to walk the straight and narrow especially without a role model.</p>
<p> <strong>Movie Rating:</strong>
<span aria-hidden="true">⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️</span>(10/10)</p>
<h2>Cast Members</h2>
<ul>
<li><strong>Charles Rideau</strong> as Razor</li>
<li><strong>Beyonce Knowles</strong> as Angel</li>
<li><strong>Denzel Washington</strong> as Detective Liam</li>
<li><strong>Curtis Jackson</strong> as Rock</li>
<li><strong> Cicely Tyson</strong> as Grandma T</ul>
</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.6 Safari/605.1.15
You have a lot of extra spaces around your code. Generally you should not do that. A space in the code is a space on the page, so you should watch out for this.
Everything passed but step 8. I did remove the period for at the end of the img src and it made the picture display in the preview but that’s all that changed.
<!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>
<main><h1>Movie Review: The Six Side</h1>
<img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png"alt="six sides"></img</main></head>
<body>
<p> A good kid in a bad neighborhood soon becomes a product of his enviroment. Surrounded by gangs, thieves, and addicts its hard to walk the straight and narrow especially without a role model.</p>
<p><strong>Movie Rating:</strong>
<span aria-hidden="true">⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️</span>(10/10)</p>
<h2>Cast Members</h2>
<ul>
<li><strong>Charles Rideau</strong> as Razor</li>
<li><strong>Beyonce Knowles</strong> as Angel</li>
<li><strong>Denzel Washington</strong> as Detective Liam</li>
<li><strong>Curtis Jackson</strong> as Rock</li>
<li><strong>Cicely Tyson</strong> as Grandma T</ul>
</body>
</html>
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.
Ok I’ve used an html validator and fixed all syntax errors but still not passing, any other tips?
<!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 Six Side</h1>
<img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="six-sides">
<p> A good kid in a bad neighborhood soon becomes a product of his enviroment. Surrounded by gangs, thieves, and addicts its hard to walk the straight and narrow especially without a role model.</p>
<p><strong>Movie Rating:</strong>
<span aria-hidden="true">⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️</span>(10/10)</p>
<h2>Cast Members</h2>
<ul>
<li><strong>Charles Rideau</strong> as Razor</li>
<li><strong>Beyonce Knowles</strong> as Angel</li>
<li><strong>Denzel Washington</strong> as Detective Liam</li>
<li><strong>Curtis Jackson</strong> as Rock</li>
<li><strong>Cicely Tyson</strong> as Grandma T</ul>
</main>
</body>
</html>
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.
@charles_rideau@ILM They were correct but there was an extra hidden character. If I copy the original line and put it into this unicode search this hidden character appears there:
) or empty (☆), followed by a numerical value in parentheses after the span.
