There are a couple of problems. First, the user story says you should use a div element, so that should be the name of the tag (remember that tags are the things within <>). Secondly, the id you give to this element should be exactly the same as what theyâve asked for in the user story. Next, be careful how you use CSS selectors - if you write div.img it means youâve selected a div element with the class âimgâ (in HTML it would be something like <div class="img">...</div>) and there is no such element in your code. And finally, as @audiocl noticed, youâve got a closing </a> tag without having the corresponding opening tag (I believe youâve put it inside the first <img> tag, so take a closer look at your code and try to clean it up). Hope this helps and good luck!
text-style: is not a valid property name. You want font-weight: bold;.
You have margine on a few selectors, it should be margin.
To target the img element you need to use the img selector. If you want to scope it to the container you can use #img-div img
You have background properties on the img element, they do not apply to img elements but images set using the background property. You have a few other properties that donât really go on image elements.
Something like this should work for the image requirements
I would suggest using/creating a normal pen and not a project (easier to work with and is not read-only for other people).
You should add the test script to the page https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js. On a normal pen you can use the Settings button and go to the JavaScript tab, then paste in the script file link in one of the lower boxes.