Skip to content

Cannot submit - Nest an Anchor Element within a Paragraph challenge #7584

Closed
cmchenry1 opened this Issue · 9 comments

3 participants

@cmchenry1

Challenge Nest an Anchor Element within a Paragraph has an issue.
User Agent is: Mozilla/5.0 (X11; Linux x86_64) 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="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>View more <a href="http://www.freecatphotoapp.com">cat photos</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 believe the code above is correct, but I'm unable to submit it. I've tried verifying the code in the Help Chat Room. I had no luck there.

Update:
I got the code above to submit. I clicked Map, reloaded this challenge, and copied & pasted the exact code from this issue into the editor.

One more thing... When I couldn't submit before, the iPhone screen rendering the HTML appeared to be unresponsive to any changes made in the editor.

@cannelflow

instruction` says Now nest your existing a element within a new p element (just after the existing h2 element) so that the surrounding paragraph says "View more cat photos", but where only "cat photos" is a link, and the rest of the text is plain text. which is like

<p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>

since it says at the end where only "cat photos" is a link it should be within a and rest of the text is plain text so it should be in p
Basically Your Code Is Not Fulfilling The Conditions
Please use FCC Chat Room For Your Doubt https://gitter.im/FreeCodeCamp/Help

@cmchenry1

@cannelflow Thanks for your response. However, I don't follow you... I believe my code is exactly how you explained the directions. Furthermore, if I copy & paste the code above, it is accepted as correct.

I believe there is some kind of bug/issue here.

@cannelflow

@cmchenry1 yes your code is good what issue are you getting while submitting perhaps this Article can help you

@raisedadead
Free Code Camp member

@cmchenry1 Your code passes for me.

Can you check if you are getting any errors in your browser's dev console. Press F12 to launch Dev tools and go to the Console tab.

Then refresh the challenge page and proceed with the submitting the solution and check the console for errors.

If any then please post the screenshot here.

Thanks.

@raisedadead raisedadead added the blocked label
@cmchenry1

@cannelflow I read the article and installed Browsec. I was unable to submit my code. When I clicked Run Tests, nothing would happen. The list of conditions and the iPhone screen failed to update/refresh as I changed the code and met the conditions with the code above.

@raisedadead Here are the errors from my browser with (1st screen) and without (2nd screen) Browsec enabled.
http://imgur.com/a/k6p2M

I was able to successfully submit my answer in both cases. Let me know if you guys need any other info from me.

@raisedadead
Free Code Camp member

@cannelflow Thanks for helping out with your comments.
@cmchenry1 Thanks a lot. The screen shots confirm the problem. You needn't use Browsec.

I just confirmed and this is a regression with the recent SSL upgrade.
We have to change the :
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
to
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">


For anyone willing to help fixing this :

Please change the URL to https protocol in all the challenges that have this. Or similar. I'll try to compile a list of the affected challenges if I get some time.

@raisedadead raisedadead closed this in #7613
@ghost

This is not me. I do not own a Mac.

@raisedadead
Free Code Camp member

@3316 Seems you have set the watching to all notifications and that's why you are receiving this mails/notfications which are not related to you.

Please check https://help.github.com/articles/unwatching-repositories/.

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.