Learn HTML by Building a Cat Photo App - Step 9

HTML-CSS
1

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

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Everyone loves cute cats online!</p>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on it's back </img>
    </main>
  </body>
</html>

Your mobile information:

motorola razr plus 2023 - Android 15 - Android SDK 35

Challenge: Learn HTML by Building a Cat Photo App - Step 9

Link to the challenge:

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Hey y’all I’m trying to figure out this image element pairing I’m on step nine of HTML basics. I copied and pasted the cat url into the IMG source as instructed. I’m trying to add the text element. I’m typing alt and it keeps saying that I’m erasing an image element and won’t move forward. I have be necessary words in quotes. I’ll follow the instructions over and over and I keep getting the same result. Any help I would really appreciate it!

Rob

4

Take another look at the example the challenge gives you

<img src="cat.jpg" alt="A cat">

Now look at what you did

 <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on it's back </img>

Really compare the two. Also make sure the text you are using in the alt attribute matches 100% what the directions down to everything including the ’ marks. Its easier if you copy the text they want you to use then paste it in