Build a Cat Photo App - Step 37

HTML-CSS
1

Tell us what’s happening:

i’m stuck at step 37 i’ve tried everything but still can’t get it right. Can someone help please.

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="Two tabby kittens sleeping together on a couch.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
    </main>
    <footer>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 37

2

Hello and welcome, the first issue I found is you need is ans with the hypertext transfer protocall acronym. Good Luck

3

you should not remove the text, the test that was there should still be there but now as text for the a element, I suggest you reset the step and try again

4

Please you can take a look at the correct code above. First of all I observed that you used capital letters in the C’s of the website for the href attribute, so you will have to change it to small letters. Then again after the website you are to close it up with >, just like you have done but then after that you are supposed to type out freeCodeCamp.org, this time you can type it with the C’s in caps, then after that, you are to close the a element like you have already done. So in summary there are 2 errors in your code. The C’s in caps and then the text that is supposed to be wrapped in the a element, which is missing in your code. Kindly review with my code above and correct your code.

5

hi @Chuka

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.

6

Okay I get it now. Sorry I was carried away. Thank you for pointing that out.