How can i resize an image

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
pls guys how can i size an image

   **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>
<main>
 <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<style>
 }
 .smaller-image {
   width: 100px;
 }
</style> 
 <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.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="https://freecatphotoapp.com/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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36

Challenge: Size Your Images

Link to the challenge:

2

I think you are having the same issue discussed here

https://forum.freecodecamp.org/t/can-someone-help-me-i-dont-see-the-error-here/506693

3

There should only be one style section.

It also looks like you don’t actually have an image in your HTML.

2 Likes
4

They have this line, unless it’s supposed to be a different image…

5

Have you figured it out

6

Will the code be on top of the image code or will I place it inside the existing style

7

How many styles can be in CSS

8

There should only be one <style>...</style> section. You can have multiple rules defined in that section.

9

I was just giving you hints to help you figure it out on your own without solving it for you so you could learn something…

Fix the things ArielLeslie pointed out… Then you still need to add your class to the img tag… take a close look at your <p> tag that is assigned to the class of red-text. It will be similar to that, but for the img tag and the class you created for it.

10

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.