How do i create a css class with smaller image

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<link href="" rel="stylesheet" type="text/css">
.red-text {
  color: red;
.smaller-image {
  width: 100px;
h2 {
  font-family: Lobster, monospace;

p {
  font-size: 16px;
  font-family: monospace;

<h2 class="red-text">CatPhotoApp</h2>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="" alt="A cute orange cat lying on its back."></a>

  <p>Things cats love:</p>
    <li>cat nip</li>
    <li>laser pointers</li>
  <p>Top 3 things cats hate:</p>
    <li>flea treatment</li>
    <li>other cats</li>

<form action="">
  <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>
  **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:

Hello @berryernest ,

I will create a p tag with the class name of para below.

<p class="para"> This is some text </p>

Class is the HTML attribute here. There are lots of different attributes you can apply to HTML elements. When you’re adding an attribute to an element first add a less than sign(<),


After that add the name of the element(p or img or any element name),


Then hit space button on your keyboard once and start typing the attribute that you want to use;

<p class

Add equal sign after your HTML attribute (=) and two double quotes(“”).

<p class=""

In double quotes you can write the class name that you want to give. You can give any class name you like. It is up to you.

<p class="exampleclassname"

After all this don’t forget to close your opening tag.

<p class="exampleclassname">

Good luck!

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