Adding a class on to my div

I can’t figure out how to add the class1 to my div for this project

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Colored Markers</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <h1>CSS Color Markers</h1>
  <div class="container">
    <div class="marker" class="class1 class2">
    </div>
    <div class="marker">
    </div>
    <div class="marker">
    </div>
  </div>
</body>
</html>
/* file: styles.css */
h1 {
text-align: center;
}

.marker {
width: 200px;
height: 25px;
background-color: red;
margin: 10px auto;
}

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Step 16

Link to the challenge:

An element can only have one class attribute, so you’ll want to get rid of the second one you added. But you did actually add multiple class names to that second one correctly, you separated them with a space. That’s what you’ll want to do with the first class attribute. Also, the instructions are asking you to add the class value “one” to the div, not “class1”.

Thank you i could not figure it out,