this is my tribute page
any suggestions for making it more effective
can anyone help me in passing 10th test in this tribute page

1 Like

why you didn’t fork the fcc cdn link to run the tests

1 Like

oh! sorry
i don’t know how to do it .
can you help me out ?

1 Like

just press the button fork in link
and copy your code
then save it with a new name

it will be in your account now

1 Like

thank you

1 Like

add this to the inside of your html.

<script src=""></script>

also, some extra spacing between

elements would help the whole aesthetic. kinda looks bunched up and crowded.

1 Like

thank you for suggestion
it you have time,
have a look please

1 Like

nice job! If you want to make it better, I would suggest coloring the background a bit and adding some margins and paddings on the side.

yeah! i will try it

  1. Remove the <style> elements from the CSS, they are only used when you have your CSS inside the HTML.

  2. Give the image a max-width: 100%; and display: block;. This will let you pass the test. Also, the image isn’t that big so it will just pixilate if you let it scale up.

  display: block;
  1. Remove the background color on the #img-div it is covering up the caption text.

  2. Remove the two unclosed divs you have inside the figure element and move the ids to the figure and figcaption.

<figure id="img-div">
    <img id="image" src="" alt="Sardar Vallabhai Patel Statue of Unity in Gujarat, India">
      <figcaption id="img-caption">Sardar Vallabhai Patel Statue of Unity in Gujarat </figcaption>
  1. I would increase the font size on the body and maybe pick a font you like.

thank you
can you help out in passing the 10 test

  1. You have a typo in the img selector.

You have:

Should be:

  1. To center the image you can use margin auto.
img {
  display: block;
  max-width: 100%;
  margin: 0 auto;

thank you for corrections
i have done it