CSS class in html

HTML-CSS
#1

Tell us what’s happening:
I’m having issues getting my image to 100 pixel. The element part is correct. My browser is at 100% already. I’ve tried almost everything everyone suggested in the forum, but I’m not having luck with it.

Your code so far


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

h2 {
  font-family: Lobster, monospace;
}

p {
  font-size: 16px;
  font-family: monospace;
}
</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 class="smaller-image" 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 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Safari/605.1.15.

Challenge: Size Your Images

Link to the challenge:

#2

Your code is correct. I tested it. Perhaps it is because of an extension you have on your browser.

1 Like
#3

Thank you! Do you happen to know how I can fix the extension within my browser?

#4

try with incognito mode, if it’s a cache or extension problem that should solve it.
ptherwise you will need to try with a different browser.
Or just go to the list of challenges and manially proceed with next challenge (this will not stop you from getting the cert as all challenges are preparatory, not mandatory)

1 Like
#5

Thanks for your help!

#6