Add Images to Your Website too big

HTML-CSS
1

Tell us what’s happening:

Your code so far


<img src=https://bit.ly/fcc-relaxing-cat alt=a cat relaxing>

<h2>CatPhotoApp</h2>
<main>
<p>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>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched 
  </main>

Your browser information:

User Agent is: Mozilla/5.0 (iPhone; CPU iPhone OS 12_3_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.1 Mobile/15E148 Safari/604.1.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/add-images-to-your-website/

2

To help we would need to know all of the following things, a few you have already given, please complete with the other infos:

  • what’s your current code?
  • what’s the link to the challenge or challenge instructions?
  • what does the challenge asks in your own words?
  • what do you not understand?
  • what do the failing tests say?
  • could you think of the reason why?
  • have you tried other things other then the code you have posted?
3

When I tested out your code, the image size is correct and does not need to change.

However, pay close attention to where your image is sourced from and where your alternate text is directed to. You forgot to add quotation marks between your image source so that way, the user can be directed to another link and your alternate text as well. Minor change, but your code seems fine.

4

FCC doesn’t work well on mobile. That could be what’s making it difficult to see.
Consider a desktop with Firefox or Chrome.
-J