I wanted to ask bout sizing the image. The hints are not helping

strong text****Tell us what’s happening:

Your code so far


<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
  color: red;
}
h2 {
  font-family: Lobster, monospace;
}

p {
  font-size: 16px;
  font-family: monospace;
}
.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" class="smaller-image" 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/70.0.3538.102 Safari/537.36 Edge/18.18363.

Challenge: Size Your Images

Link to the challenge:

.smaller-image {
  width:100px;
}

the class named small-image’s width is adjusted to 100px .

I’ve done this. But not working.

The problem might be your browser.
Read through the following problem as it is the same as yours:

Wait. I don’t understand what you mean by problem with browser?

The curriculum wanted you to resize the image with the class named small-image and you have done as required and it seems you are not passing the challenge, therefore the sizing of image problem can be a browser issue especially if you are using Firefox.

Brother I m using Microsoft edge

Then everything is fine in your code try to submit the project again and again. If it is not working you can use another browser like Chrome.

Oh I see.
Thank u brother.
Jazak Allah Khair. May Allah make u a ROLE MODEL for others leading them to success here and in hereafter

1 Like