Tell us what’s happening:
Your code so far
<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> View more
<a href="http://freecatphotoapp.com">cat photos</a>
</p>
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>
<a href="http://www.freecatphotoapp.com">cat photos</a>
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-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>
Your browser information:
Your Browser User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13) AppleWebKit/604.1.25 (KHTML, like Gecko) Version/11.0 Safari/604.1.25.
Link to the challenge:
I put the code on line #1 and I am still getting an error on: Your a element should be nested within your new p element.
Aside from the code itself, is is possible that the computer is not allowing me to do all I need to do? I run macOS High Sierra beta 2 on a 2009 MacBook Pro, but can’t update even with a developer beta. I usually run Safari in a private window with my VPN on, but can turn it off. I have turned off an Adblocker for the site.
<p>View more <a href="http://freecatphotoapp.com">cat photos</a></p>
<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>
<a href="http://www.freecatphotoapp.com">cat photos</a>
<img class="smaller-image thick-green-border" src='//cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/freecodecamp/original/3X/6/1/61a3499c5abb165be990aa0c1abd23342e60c663.jpg' 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>
I am intentionally taking out an > to show you the code:
<p> View more <a href="http://freecatphotoapp.com">cat photos</a></p>
You might see View More Cat Photos in a previous text instead of the code. I know it is supposed to start
, but I didn’t know how to show you the one piece of code.
An acupuncturist friend who was a web developer said to put it after the h2 {} tag, but I still got errors. When I do it my way, with the line at the top, the only error is :“Your a element should be nested within your new p element.” Thanks again!
If I place that top line anywhere below the top line, I get 2 checkmarks, and 3 middle errors, then 3 checkmarks
I will check in tomorrow morning. I need to get up early. Take care and thanks again.
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p>View more <a href="http://freecatphotoapp.com">cat photos</a></p>
<a href="http://www.freecatphotoapp.com">cat photos</a>
I am still getting the same error. At least I know how to use the ``` now. I am concerned that I am gradually learning directions, but still having difficulty comprehending how to place code at the right place.
Your code so far
<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>
<a href="http://www.freecatphotoapp.com">cat photos</a>
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-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>
Your browser information:
Your Browser User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13) AppleWebKit/604.1.25 (KHTML, like Gecko) Version/11.0 Safari/604.1.25.
Link to the challenge:
I think my example came out incorrectly above, though I put it exactly where you said. Here's another try.
</style>
<h2 class="red-text">CatPhotoApp</h2>
<a href="http://www.freecatphotoapp.com">cat photos</a><p> View more <a href="http://freecatphotoapp.com">cat photos</a> </p>
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
<p> View more <a href="http://www.freecatphotoapp.com">cat photos</a> </p>
and put it below <a href="http://www.freecatphotoapp.com">cat photos</a>. I still get the same error. I see the same code as you, except for some reason my last attempt you see is far different than what I have been doing on my end. I've been putting it just where you said, checking the code, but it's not marking it as correct.
<a href="http://www.freecatphotoapp.com">cat photos</a><p> View more <a href="http://freecatphotoapp.com">cat photos</a> </p>
All you needed to do was:
<p> View more <a href= "http://www.freecatphotoapp.com">cat photos</a> </p>
Your code so far
<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>View more <a href="http://freecatphotoapp.com">cat photos</a></p>
<a href="http://www.freecatphotoapp.com">cat photos</a>
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-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> When I tried this again, I tried Safari, not Firefox as marked. No Adblocker or VPN are on, and I didn't use a private window.
Your browser information:
Your Browser User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:55.0) Gecko/20100101 Firefox/55.0.
Link to the challenge:
Just for grins, I tried each of my different browsers and got the same result. What I see is this: </style>
<h2 class="red-text">CatPhotoApp</h2>
<p>View more <a href="http://freecatphotoapp.com">cat photos</a></p>
<a href="http://www.freecatphotoapp.com">cat photos</a>
Unless by some reason of my own physical or intellectual limitations, I thought that it was in the right place. Yet, I am still getting the 1 piece of the challenge wrong. Thanks again.
``
`It finally worked when I merely enclosed the one line instead of adding to it.
I did this
View more cat photos
, but had been adding it on top of
cat photos or something to that effect. Now, onward and sideward! Thanks again!
