How to make the browser zoom at 100%?

<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='//cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/freecodecamp/original/3X/6/1/61a3499c5abb165be990aa0c1abd23342e60c663.jpg' 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="/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>

Which browser are you using? Most browsers have settings that adjust the zoom. You can probably google your specific browser to see where that adjustment is done.

My browser is Google!! How to set?

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

markdown_Forums

Error : Your image should be 100 pixels wide. Browser zoom should be at 100%.
Can you tell me what is that mean,?

Do not worry about the browser zoom. The issue with your code is that you are not correctly assigning a value to the width property. See below for how I would assign the value 300px to the height property of a classed named taller-image.

.taller-image {
  height: 300px;
}

This is my code

  .smaller-image {
    width: 100px;
  }

and then I add

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

Please refer to my previous comment regarding how to properly format code in a forum post.

The code you posted should work. If it does not, make sure to not have space between
class="smaller-image"

I know. I have corrected but the error is still here.

Can you post your entire code, so I can take a look? Remember to use the 3 backticks on the line before an after the code you paste into the post.

<style>

  .red-text {
    color: red;
  }

  .smaller-image {
    width: 100px;
  }

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

Try adding the 3 backticks, because you are going to have to learn how to do it at some point.

Sorry, I am a rookie.

Your code appears to be correct. Try refreshing the page and running the tests again. What browser are you using?

My browser is Google.
I have tried but I still can not pass. :((

What test(s) show as failed in the bottom left hand section?

Your image should be 100 pixels wide. Browser zoom should be at 100%.

Let’s try something. To adjust the browser’s zoom, you click the Ctrl key and then either + or - depending if you want to increase or decrease it. As you adjust it, it will show a number like 100% or something else. Adjust it up or down until you reach 100%.

If this does not work, then I suggest closing the browser and reopening it and clicking the Rest All Code for this challenge an try the same solution again.

Thank you very much. I pass this challenge!!!

What did you finally do to pass?