Basic CSS - Size Your Images

HTML-CSS
1

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

Your code so far

<!DOCTYPE html>
<html>
  <head>
    <style>
      .smaller-image {
        width: 100px;
      }
    </style>
  </head>
  <body>
    <h2>CatPhotoApp</h2>
    <main>
      <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
      <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>loud noises</li>
        <li>water</li>
        <li>other cats</li>
      </ol>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 13; SM-X800) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Challenge: Basic CSS - Size Your Images

Link to the challenge:

2

Hi @cdima002 !

It looks like you are using the wrong starting code.
I would suggest reseting the lesson and trying again

3

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