I cannot finish this for the life of me. I ran the code through the validator, and it came back fine.
<!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 rel="styles" href="styles.css">
</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>
body{
background-color: #f4f4f4;
}
.color-box{
width: 20px;
height:20px;
}
.color1{
background-color: #ff0000
}
.color2{
background-color: rgb(125, 20, 50);
}
.color3{
background-color: orange;
}
.color4{
background-color: hsl(240, 100%, 50%);
}
color5{
background-color: purple;
}