SOLVED (sort of): Stuck on the "size your images" CSS lesson -- I think it's a bug

HTML-CSS
1

Tell us what’s happening:

  • I DID create the “smaller-image” style entry.
  • I DID add the “smaller-image” class attribute to the cat photo.
  • My browser (Chromium, on Ubuntu Linux) IS set to a 100% width.

…and it is refusing to let me pass this lesson.

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 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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/83.0.4103.61 Chrome/83.0.4103.61 Safari/537.36.

Challenge: Size Your Images

Link to the challenge:

2

100%, not 100px. change that.

2 Likes
3

OK, 100% instead of 100px on the image size, right?

Fred

4

Try it to see if it works.

5

I tried that. No dice.

6

I just tried changing browsers to Firefox, and got it to let me pass. :slight_smile:

7

OK, I passed it in Firefox, but I cannot get Chrome to show that I passed that lesson and STILL can’t get past it in Chrome. Therefore, I am CONVINCED that this is a BUG.

EDIT: Just did it again in Firefox, passed, and made sure to click submit and go to the next lesson, and now it registers as passed in Chrome, too. But still, it’s a bug…

2 Likes
9

It’s a bug :sob: Best of luck on future challenges. :+1:

10

Yup. Not to worry, though – I was able to get through those using Firefox, and about an hour ago, I completed the “Basic CSS” section, much of which I had tinkered with before. :slight_smile:

Fred