Basic CSS: Size Your Images i'm stuck please help

Basic CSS: Size Your Images i'm stuck please help


Heyy i have a problem with this challenge and i am stuck here, the code is fine i did everything i had to do but it keeps telling me that my browser’s zoom should be at 100% and it already is please someone help me!

this is my code as you can see is ok

<link href=“” rel=“stylesheet” type=“text/css”>


.red-text {

color: red;



width: 100 px;


h2 {

font-family: Lobster, monospace;




p {

font-size: 16px;

font-family: monospace;



<h2 class=“red-text”>CatPhotoApp</h2>


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

<a href="#"><img class=“smaller-image” src=“” alt=“A cute orange cat lying on its back.” ></a>


<p>Things cats love:</p>


<li>cat nip</li>

<li>laser pointers</li>



<p>Top 3 things cats hate:</p>


<li>flea treatment</li>


<li>other cats</li>



<form action="/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>




Next time please format your code by surrounding it in ``` (three back-ticks)

You can’t have a space between the value and its unit.

width: 100 px; should be width: 100px;

Also you are using “smart quotes”, it won’t work for code.

class=“smaller-image” should be class="smaller-image"

If you’re using a mac you can deactivate smart quotes in your settings.


I am having the same problem. I think the module might be buggy? Skip this module?
class=“smaller-image” {
width: 100px;
.red-text {
color: red;"


I also tried the way it was taught:

.smaller-image {
width: 100px;
.red-text {
color: red;"