Design a Set of Colored Boxes - Design a Set of Colored Boxes

HTML-CSS
1

Tell us what’s happening:

Cant get past 10. The .color5 element should have a background color set.

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">
    <link rel="stylesheet" href="styles.css">
    <title>Colored Boxes</title>
</head>
<body>
<h1>Colored Boxes</h1>
<div class="color-grid">
<div class="color-box color1"></div>
<div class="color-box color2"></div>
<div class="color-box color3"></div>
<div class="color-box color4"></div>
<div class="color-box color5"></div>
</div>
</body>
</html>


/* file: styles.css */
body {
background: #F4F4F4;
}

h1 {
  text-align: center;
}

.color-box {
  width: 80px;
  height: 80px;
  display: inline-block;
  border-radius: 10px;
  margin: auto 10px;
}

.color-box.color1 {
background-color: #28c7ca;
}

.color-box.color2 {
  background-color: rgb(255, 122, 122);
}

.color-box.color3 {
  background-color: black;
}

.color-box.color4 {
  background-color: hsl(90, 53%, 48%);
}

.color-box.color5 {
  background-color: brown;
}

Your browser information:

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

Challenge Information:

Design a Set of Colored Boxes - Design a Set of Colored Boxes

2

Hi,
.color-box and .color5 are two separate selectors, so when you use them together, you should separate them by a space.
But here, I think you’re only supposed to style .color5 so why are adding .color-box before it?