Need help with sizing cat picture to 100px

Need help with sizing cat picture to 100px
0.0 0

#1

Tell us what’s happening: I’ve tried everything and I still cannot move on… can anyone help me out?

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;
}
.smaller-image {width: 100px;}
</style>

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

<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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36.

Link to the challenge:


#2

Hello @drich123,
For this challenge first you have to insert a class, with the help of class you can resize the image. Try this code below to finish challenge.

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

Ps: sorry for the bad English buddy!!


#3

Ok i still cannot figure this out


#4

The last poster gave you the answer. If you can not remember how to add a class to an element, you should probably review the previous challenge below.


#5

I’ve tried everything


#6

Well, unless you post your latest code (all of it), we can not see what you have tried.

To 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.


#7
.red-text { color: red; }

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

CatPhotoApp

A cute orange cat lying on its back.

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

… ok thats it default^ I need help where do i plug in?

.smaller-image { width: 100px; }

#8

Ive gone to the hints, ive been stuck on this for like 2 hours and it shouldnt be that hard


#9

Nevermind I got it that took entirely too long lol