Design a Movie Review Page - Design a Movie Review Page

HTML-CSS
1

Tell us what’s happening:

Task 15 repeatedly failing.

Cast Members

  • James Holloway as Ethan Carter
  • Maria Lopez as Sarah Blake
  • Daniel Kim as Marcus Reed

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 title</h1>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="this is an image"/> 

    <p>flip</p>
    <ul>
      <li><a href="#moviedes">movie description</a></li>
      <li><a href="#movierate">order</a></li>
      <li><a href="#movieactors">actors</a></li>
    </ul>

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

    <h2>Cast Members</h2>
<ul>
  <li><strong>James Holloway</strong> as Ethan Carter</li>
  <li><strong>Maria Lopez</strong> as Sarah Blake</li>
  <li><strong>Daniel Kim</strong> as Marcus Reed</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/140.0.0.0 Safari/537.36

Challenge Information:

Design a Movie Review Page - Design a Movie Review Page

2

do you understand what task 15 is saying?
And if you do, what elements do you need to check are in compliance? (and how should you confirm they are in compliance?)

3

is this something you are asked to add?

4

Ah no, I was just practicing stuff I learnt from the modules to be more familiar with them, my issue is with task 15, for some reason no matter how I structure it, it always fails. Even though the previous tasks that are related to task 15, setting up a ul and having multiple li elements, are checked as done correctly, the task, “15. 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). // tests completed” is my issue here.

5

Yeah, I’m pretty confident that the prompt is telling me to use the element strong to highlight actor name then character preceded by the use of ‘as’. So actor name (in bold) - as - (character name). Tried reorganzing the structure, the names, what words are in strong, even at one point using AI to fully fact check what the prompt wants + writing it. zulch.

6

it is saying that “each li” should contain this strong element.
How would you check then that each li contains this element?

1 Like
7

ok, so those are li elements, consider if they may be confusing the tests, the tests ask for “each li element”, right?

1 Like
8

Ah I see my issue here, my mistake, I still don’t fully understand how the tests really work should work on that a little. Thank you both (hbar1st and ILM)

9

you need to learn JavaScript, and at least start the DOM module, then you will be able to look at the tests if you want

1 Like