Can any1 help me here

HTML-CSS
1

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

  **Your code so far**



<img class="smaller-image"
scr="https://bit.ly/fcc-relaxing-cat" alt="a cute orange cat lying on its back.">
<style>
  .smaller-image {
    width: 100px;
  }
  </style>


<h2 class="red-text">CatPhotoApp</h2>
<main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>

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

<div>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
</div>

<form action="https://freecatphotoapp.com/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

  **Your browser information:**

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

Challenge: Size Your Images

Link to the challenge:

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

it’s very minor typo mistake… HINT - hmm maybe I am not getting my cute orange cat image cuz there is something wrong with the “SOURCE” tag…

4

show me the code …im trying since hour!

5

okie so what “scr” do ???

6

“scr” does nothing… “src” is called source tag from where the image link is coming from… and that’s your mistake you wrote “scr” which should be “src” :slightly_smiling_face:

1 Like
7

oo ok thank you so much!

8

Hi maryam12
Firstly you need to delete the image tag that you created at the top. You need to add the smaller image class to the image that was already there for you between the p tag and the div.
Secondly for future reference when you do add html it should always go below the css style section with the rest of the html

9

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.