Challenge Turn an Image into a Link has an issue.
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.87 Safari/537.36
.
Please describe how to reproduce this issue, and include links to screenshots if possible.
My code:
<link href="https://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-running-cats"></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>
I've been on the chat room and they've said it seems right, however it just doesn't seem to work.
<a href="#"><img src="https://bit.ly/fcc-running-cats"></a>
is just an example.
You'll need to nest the existing image ( <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
) within an <a>
element.
Closing as this isn't a bug issue. @alistermada is correct. You'll need to use the existing image in your answer. Happy coding!
THANK YOU!
i try not working
yeah i dont get it either
_removed solution by mod_
@dramirez757
Please do not post your solution on here. You could help people at FreeCodeCamp Chat Room or Forum. GitHub Issues are for reporting bugs on the website only.
Happy Coding!
Most helpful comment
<a href="#"><img src="https://bit.ly/fcc-running-cats"></a>
is just an example.You'll need to nest the existing image (
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
) within an<a>
element.