Add Borders Around your Elements 22 no

Tell us what’s happening:

Your code so far

<link href="" rel="stylesheet" type="text/css">
  .red-text {
    color: red;

  h2 {
    font-family: Lobster, Monospace;

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

  .smaller-image {
    width: 100px;
  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;

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

<img class="smaller-image" "thick-green-border" src="" 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 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36.

Link to the challenge:

Read the challenge instructions carefully. They remind you of the correct way to apply multiple classes to the same element.

1 Like

<img class="smaller-image" "thick-green-border" src=......etc

the classes names should be written between one pair only of quotation marks.

so the line above should be written like this:

<img class=“smaller-image thick-green-border” src=…etc

@Madridista - Allow the OP to solve it on their own after someone has responded with a hint or suggestion, instead of just stating the solution. And if you do just state the answer, please blur the solution out (using [spoiler] and [/spoiler] tags to prevent spoiling the solution for the OP.

Thank you.

Thank you Randell. Copy that :+1: :wink:

@Madridista Another approach is just to give an example similar to the solution but not the actual solution. You could change the class names or selector names, etc…

THANKS ALL OF YOU:smiley::smiley: