Build a Cat Photo App - Step 37

HTML-CSS
1

Tell us what’s happening:

I can’t seem to get the punctuation right? It keeps saying “The link’s text should be freeCodeCamp.org. You have either omitted the text or have a typo” even though I set my link exactly like that

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>catnip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
    </main>
    <footer>

<!-- User Editable Region -->

     <p> <a href="https://www.freeCodeCamp.org">No Copyright - freeCodeCamp.org</a> </p> 

<!-- User Editable Region -->

    </footer>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:142.0) Gecko/20100101 Firefox/142.0

Challenge Information:

Build a Cat Photo App - Step 37
https://www.freecodecamp.org/learn/full-stack-developer/workshop-cat-photo-app/step-37

2

Your link’s text is “No Copyright - freeCodeCamp.org”

“The link’s text should be freeCodeCamp.org. You have either omitted the text or have a typo”

1 Like
3

Hi buddy, See here this is the instructions given below.

Turn the existing freeCodeCamp.org text into a link by enclosing it in an anchor (a) element. The href attribute should be set to https://www.freecodecamp.org

Here you just need to remove the anchor tag and make it around your text freecodecamp.org

Hope this helped !!

4

I changed it to this yet it now says “After nesting the anchor (a) element, the only p element content visible in the browser should be No Copyright - ``freeCodeCamp.org. Double check the text, spacing, or punctuation of both the p and nested anchor element.”

5

Can you talk about about how you checked that all this was correct?

How many p elements do you find?

Is the punctuation and spacing perfectly the same?

6

I did that and I still got the same message.

7

show your updated code please

8

<p> <a href="https://www.freecodecamp.org">freeCodeCamp.org </a></p>

9

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add the backticks.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

10

where is the rest of the content of the p element?

11

Do you mean the “No Copyright” bit? I tried submitting it with it however it keeps saying that the links text should just be “freeCodeCamp.org”

12

removed by moderator

13

it should not be in the link text, that it must still be present in the p element

14

I tried this and I am still getting the same message.

15

I put it in the p element

16

show your code if you need more help

17

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge. How to Help Someone with Their Code Using the Socratic Method

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.