Setting Browser and Text zoom to be at 100%

HTML-CSS
1

how do i set Browser and Text zoom to be at 100%.

Your code so far


<style>
.red-text {
  color: red;
}
p {
  font-size: 16px
}
</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" 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>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0.

Challenge: Change the Font Size of an Element

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-css/change-the-font-size-of-an-element

2

Normally you’re at 100% unless you use ctrl + plus sign (windoze) or cmd + plus sign (mac) to make the font larger. Conversely, you can use minus to make the font smaller.
Anyway, if you’re failing the test remember that declarations end with a semi… (you finish the sentence, and fix your declaration)

3

Ctrl + 0 resets it.

But as said, the zoom is not why you are failing.

4

My question is that the only thing he is suppose to do I know we are to add zoom:100% and some people are saying we need to include a "p’’ text which one is right

5

In the lesson you’re asked to give the p elements a font-size. The p elements are already there, you don’t need to add any additional text.
The test text tells you to ensure that your browser zoom is at 100%. Normally it is at 100% as the default. You’d have to change it. To ensure it’s at 100%, Ctrl + 0 (or Cmd + 0 if on a Mac) will reset it.

6

But am operating on Linus A16 itel what I my supporse to do
Instead I did this p{font-size:16px; browser: 100% text-room:100%} I my right??

7

You cannot set the browser to zoom in or out in CSS so the property:value; pairs you have of browser: 100%; and text-room: 100%; are not valid and will do nothing.
The rest of what you have is correct.

Your operating system shouldn’t matter. If you don’t know how to zoom in or out with your browser it’s already at 100%.
If you want to see how to zoom in or out with your browser click “View” and then select either “zoom in” or “zoom out”. You will also see the shortcuts.

1 Like