Help me please with this problem

HTML-CSS
1

Tell us what’s happening:

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>
<style> .smaller-img {width: 100px;}</style>
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
   

<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 (Macintosh; Intel Mac OS X 10.7; rv:48.0) Gecko/20100101 Firefox/48.0```.

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

I am not able to continue

3

You have yet to assign the class to the desired element.

So far you just tell your machine that there’s a class with some property:

<style> .smaller-img {width: 100px;}</style>

But yet you have to tell WHERE you want that property to be applied.

(hint: look how red-text is applied to the h2 element)

4

Use one “call” to style, you don’t need several declarations of it.

.red-text { color: red; } h2 { font-family: Lobster, Monospace; } p { font-size: 16px; font-family: Monospace; } .smaller-img { width: 100px; }

And when you want to apply classes
A cute orange cat lying on its back.

But instead of nameOfAClass, you’ll put class you declared in
Example:

.nameOfAClass{ someAttribute: 10px; }