Learn CSS Colors by Building a Set of Colored Markers - Step 15

HTML-CSS
1

This is the first time I am coming across a task that requires “class one”… I am confused, please help me out

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<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">
    </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: auto;
}


  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 11; Infinix X6511G) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.85 Mobile Safari/537.36

Challenge: Learn CSS Colors by Building a Set of Colored Markers - Step 15

Link to the challenge:

2

I don’t get it.
Step 15 is about margin property, is it not?

1 Like
3

I meant step 16
In school, you might have learned that red, yellow, and blue are primary colors, and learned how to create new colors by mixing those. However, this is an outdated model.

These days, there are two main color models: the additive RGB (red, green, blue) model used in electronic devices, and the subtractive CMYK (cyan, magenta, yellow, black) model used in print. In this project you’ll work with the RGB model.

First, add the class one to the first marker div element.

4

Got it.
You can give to HTML element as many classes as you wish. This step about giving two classes to one element.
Read this, it has relevant example

1 Like
5

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