I am really stuck

1

I’ve been trying to correct my errors for hours but it seems like everything I correct other things go wrong. I guess I have too much on my plate.
This is my address,“https://codepen.io/Forest21/pen/abOXOex”
Could anyone help me please?

2

Let’s play the game can you find :3

  1. Within the “img-div” element, I should see an element with a corresponding id=“image”.
    Did you check? If you change the CSS does it affect the HTML image there the bellow lines of your code.
<figure><img id="img-div" id="image" src="https://www.thestatesman.com/wp-content/uploads/2019/05/khayyam.png" id="figcaption" alt="khayyam " >

img{
 text-align: center;
  border-radius: 40px;
  margin: 40px 50px 10px 55px;
  width: 46%; 
}
  1. Within the “img-div” element, I should see either a or
    element with a corresponding id=“img-caption” that contains textual content describing the image shown in “img-div”.
    Can you find that in the code bellow? 
    #img-div {
   border-color: green;
 border-width: 10px;
  border-style: solid;
  border-radius: 50px;
   margin: 10px auto 10px auto;   
}
    1. The element should responsively resize, relative to the width of its parent element, without exceeding its original size.

    Now you know where to look. I give you a link can you figure out how to responsive?

    1. The element should be centered within its parent element.
      https://www.w3schools.com/css/css_rwd_mediaqueries.asp

    Last one is for you :3

    Enjoy the game
    Hapy Coding

3

about codepen

  • you shoud put in the HTML box only the stuff that you would put inside the body tags, you should remove your two html tags (the second of which also have wrong syntax)

HTML syntax

  • the script tag with the tests should be put as last thing in the HTML box (like in a full written out page you put scripts just before the closing body tag)
  • line 16, your img element has three different attrbutes, it should have only one, also img is a self closing tag, so the </img> tag is wrong

CSS

  • open the pen settings and set the preprocessor to None, you are not using SCSS, so you don’t need to set it
  • line 13, font-color is not a valid property name
  • line 67, hight is not a valid property name

TESTS

  • 4. Within the "img-div" element, I should see an <img> element with a corresponding id="image".
    you have given the id #img-div to the image element, so it can’t have anything inside.
  • 5. Within the "img-div" element, I should see either a <figcaption> or <div> element with a corresponding id="img-caption" that contains textual content describing the image shown in "img-div".
    Same as above.
  • I beliebe all your tests are failing for that reason… you have given the ids to the wrong elements.