Turn an image into a Link (

I need help with the start off challenge Turn an image into a Link i cant seen to quite Nest the existing img element within an a element. i have done the other challenges i will but all here:
Nest the existing img element within an a element.

Your a element should be a dead link with a href attribute set to #.

Make sure each of your a elements has a closing tag.

Here is my codes:

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
  .red-text {
    color: red;

  h2 {
    font-family: Lobster, Monospace;

  p {
    font-size: 16px;
    font-family: Monospace;

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;

  .smaller-image {
    width: 100px;

<h2 class="red-text">CatPhotoApp</h2>

<a href="#"><ig src="https://bit.ly/fcc-runningcats" alt="Three kittens running towards the camera. "></a><p>Click here for <a href="#">cat photos</a>.</p>

<ig class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

can you post html code along with css code?


This is all my codes if you want them to look at with both

your code is fine. But you should link with this image

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

You’re nesting the wrong image in an <a> tag. Remove the image before the “Click here for cat photos”, then nest the relaxing cat image in an <a>.