Bonjour , j'ai un gros problème

Bonjour , j'ai un gros problème
0

#1
<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;
  }
  .thick-green-border{
    border: 10px solid green;
  }
</style>

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

<img class="thick-green-border" class="smaller-image" src='//discourse-user-assets.s3.amazonaws.com/original/3X/6/1/61a3499c5abb165be990aa0c1abd23342e60c663.jpg' 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>

I am blocked since then, it has an error message that appears: “Your img element should have the class smaller-image”.
While I gave the smaller-image class to my image


#2

I’ve edited your post for readability. When you enter a code block into the forum, remember to 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.


#3

You should only ever have one class attribute in an HTML element. Read the instructions again for how to assign multiple classes to an element.

Remember that you can apply multiple classes to an element by separating each class with a space within its class attribute. For example:
<img class="class1 class2">


#4

[Same as last answer, in french:]

Tu ne dois avoir qu’un seul attribut class dans ton élément <img>.
Dans ton cas tu en as deux: <img class="thick-green-border" class="smaller-image">.

Change en <img class="thick-green-border smaller-image"> si tu tiens à avoir deux classes [note l’espace séparant la classe thick-green-border et smaller-image].


#5

But I had done with a single class but it does not work,


#6

You need two classes listed in the same class attribute.
class= should appear only once.
Both classes should be applied.
@tasinttttttt Has a more detailed answer above.

(Sorry. I can read French a little, but not write in it.)


#7

OK very good, Thank you