Design a Movie Review Page - Design a Movie Review Page

HTML-CSS
1

Tell us what’s happening:

i can’t see the issue with my number 8 question kindly help,

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>Beyond-2</h1>
        <img src="https://cdn.freecodecamp.org/curriculum/labs/rise beyond-2.png" alt="Rise Beyond-2.png">
        <p><em>Byond-2</em>True story Movie</p>
        <p><strong>Movie Rating:</strong>
        <span aria-hidden="true">(&#9733;&#9733;&#9733;&#9733;&#9733;&#9733;&#9733;&#9733;&#9733;&#9733)</span> (9.2/10)
        </p>
        <p>
        <h2>Cast Members</h2>
            <ul>
                <li><strong>James Holloway</strong> as Ethan Carter</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; Linux x86_64; rv:128.0) Gecko/20100101 Firefox/128.0

Challenge Information:

Design a Movie Review Page - Design a Movie Review Page

2

The problem is that you’re using HEX codes to represent the star emoji. Use the provided image.

3

let me do that thanks alot

4 
 <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>Beyond-2</h1>
        <img src="https://cdn.freecodecamp.org/curriculum/labs/rise beyond-2.png" alt="Rise Beyond-2.png">
        <p><em>Byond-2</em>True story Movie</p>
        <p><strong>Movie Rating:</strong>
        <span aria-hidden="true">**********</span> (9/10)
        </p>
        <p>
        <h2>Cast Members</h2>
            <ul>
                <li><strong>James Holloway</strong> as Ethan Carter</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>
5

i have changed it still test 8 have issue

6

You need to use the image provided here.

  • A span element with an aria-hidden attribute set to true containing a visual representation of the rating using stars ⭐⭐⭐⭐⭐⭐⭐⭐⭐☆.

Just copy and paste it.

7

yes i can copy but option on paste,i dnt have on my code

8

You can find the paste option once you right-click