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

HTML-CSS
1

Tell us what’s happening:

I am failing on the 4th test and i can’t see where the issue is

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


</body>
</html>

/* file: styles.css */
body{background-color: #f4f4f4;}
.color-box
{height:30px;
 width : 30px;}
 .color1{background-color:#930b96}
 .color2{background-color: rgb(155,5,89)}
 .color3{background-color:teal}
 .color4{background-color:hsl(56,40%, 30%);}
 .color5{background-color:rgba(35,58,90,64%)}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:144.0) Gecko/20100101 Firefox/144.0

Challenge Information:

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

2

Hi there!

Why did you repeat class?