Tell us what’s happening:
Describe your issue in detail here.
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
**Your code so far**
\ file: <!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" type="text/css" 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>
<!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" type="text/css" 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: h1 {
text-align: center;
}
.marker {
width: 200px;
height: 25px;
background-color: red;
margin: 10px auto;
}
h1 {
text-align: center;
}
.marker {
width: 200px;
height: 25px;
background-color: red;
margin: 10px auto;
}
`
**Challenge:** Step 16
**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-colors-by-building-a-set-of-colored-markers/step-16