Learn HTML by Building a Cat Photo App - Step 56

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more <a href = "https://freecatphotoapp.com" >cat photos</a>.</p>
    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.134 Safari/537.36 OPR/89.0.4447.101

Challenge: Learn HTML by Building a Cat Photo App - Step 56
How do you handle step 56?

2

:balloon: Hi, welcome to the forum!
We see you have posted some code but did you have a question?

3

what doubts are you having on this step? Also the code you have doesn’t seem to match the step. Are you sure you are on step 56?

Here is the link, which seems you accidentally didn’t include

4

Continuing the discussion from Preformatted textLearn HTML by Building a Cat Photo App - Step 56:

Hi,
Hope things are going well for you?
I’ve been locked in a coding loop since…well, not exactly sure! :smirk:

I think the following is a link to Step 56
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-56#:~:text=%3C/label%3E-,Step%2056,-There%27s%20another%20way

The following is my code.

Here is what I believe to be true:
I have added a label element with an opening and closing tag directly beside checkbox.
There are spaces between attributes.
My label element has a for attribute.
My for attribute and my input have the same value loving

Is it true that the HTML hierarchy looks like a tree?
So, does one start at the roots and add branches? Is there a particular order for subsequent attributes? Is `checkbox’ my root element?

Is there an HTML dictionary that also displays hierarchy?
@ your convenience and much appreciated.

I.[quote=“washingtonmyles33, post:1, topic:558297, full:true”]
Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more <a href = "https://freecatphotoapp.com" >cat photos</a>.</p>
    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.134 Safari/537.36 OPR/89.0.4447.101

Challenge: Learn HTML by Building a Cat Photo App - Step 56
How do you handle step 56?
[/quote]

5

Have you tried putting the image inside the anchor tag instead of nesting the text?

7

Please open your own topic. This topic belongs to someone else and will be closed.