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

Tell us what’s happening:

i dont know why test 10 cannot pass .. i try hex codes ,HSL,RGB but still not working …

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Colored Boxes</title>
</head>
<body>
<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-color:#f4f4f4;
}
.color-box{
width:80px;
height:80px;

.color1{
 background-color:#000;
}
.color2{
 background-color:rgb(0,0,0);
}
.color3{
 background-color:red;
 }
 .color4{
 background-color:hsl(223, 90%, 60%);
 }
 .color5{
 background-color:#55680D; 
 }

Your browser information:

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

Challenge Information:

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

Hi. You have missed the closing curly brace after your color-box CSS code

1 Like

A curly brace is missing after height:80px;

thanks it work .. :heart: appreciate much :wink:

thanks its working now :heart: