Skip to content

I don't understand what nest the existing img element within an a element mean ... #7682

Closed
BasselTarekHelal opened this Issue · 2 comments

3 participants

@BasselTarekHelal

Challenge Turn an Image into a Link has an issue.
User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.116 Safari/537.36.
Please describe how to reproduce this issue, and include links to screenshots if possible.

My code:

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .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;
  }
</style>

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

<p>Click here for <a href="#"><img src="https://bit.ly/fcc-relaxing-cat"></a>.</p>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

<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>
@Dereeg

You have two pictures. The first one is nested with an '< a >' the second one is not. Try to add the '< a > ' into the second smaller picture, it worked here.

@raisedadead
Free Code Camp member

Hi @BasselTarekHelal

Thanks for the issue but I am afraid, Github issues are only for reporting bugs in the website. For any Code help please visit our dedicated Chat Room.
Your queries will get resolved faster there.

@Dereeg Thanks for helping out.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.