Size your Images Help

1

Tell us what’s happening:

Your code so far

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .smaller-image {
    width: 500px;
  }  
  
  
  
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;  
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">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>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

<img class = smaller-image src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36 Edge/15.15063.

Link to the challenge:
https://www.freecodecamp.org/challenges/size-your-images

2

You forgot quote marks around your class in the img tag…

3

Anything else? Because its saying I’m still wrong

4

Show your revised code - I’ll see if there’s something either of us missed.

5

Hi, the image is supposed to be 100 pixels wide, not 500.
Also, you only need to have one img element for this challenge.

You might also want to fix the CSS selector for your p elements.