Browser 100% issues

I am new to this and I have read all that is in this forum. My biggest issue is that my browser is at 100% and I cant pass the 2nd task on this lesson. I have refreshed my browser resized it and everything else I can think of. I am using Chrome should I be using a different browser? I really want to learn this stuff and these forums do help. I am so confused any help is much appreciated.

Thanks.

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;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "class=smaller-image {width: 100xp;} >

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36.

Link to the challenge:
https://www.freecodecamp.org/challenges/size-your-images

Nothing is wrong with your browser.

<img src=“https://bit.ly/fcc-relaxing-cat” alt=“A cute orange cat lying on its back.” class=smaller-image {width: 100xp;} >

  1. You dont have " " for class.
  2. You typed xp instead of px
  3. You have to put your class “smaller-image” in your <style> tag.

In style:
.smaller-image {
width: 100px;
}

If you want in a future to write a inline css, you have to write class=“smaller-image” style=“width: 100px;”

Thank you so much. I so appreciate the help. I feel like i’m reading a different language when trying to do this. I didn’t realize that I had to have it in 2 different places to work.
Stefika, you are a great help. I so appreciate your showing me my code errors also.

Thanks,

1 Like

You welcome :slight_smile:
Just keep coding, It was hard for me too. Everything is hard for the first time, no matter what you do… Playing games, sports, coding. Jjust keep practicing and you will be better :slight_smile:

Your right it is. I sometimes feel I am just too old to learn this stuff, then I remember when computers came out. I’m not to old. I just need to keep asking for help. LOL :smile: :blush:

That is exactly what it feels like. But, once your practice and continue to practice, you will get so much better at it.

How to make browser zoom at 100%? It isn’t working. :Your image should be 100 pixels wide. Browser zoom should be at 100%