I'm trying to create multiple boxes within a class, all with the same background color. I've written code for 6 boxes in the "color-board" class, but when I go to select them, only 1 box is displaying...
Below is the code for the class and how I'm selecting the div:
.color-board{
background-color: rgba(131, 131, 131, 0.4000000059604645);
padding: 5px;
width: 100px;
height: fit-content;
}
div .color-board {
width: 30px;
height: 30px;
border: 1px black solid;
border-radius: 1em;
background-color: white;
}
And this is how I've added the boxes in the HTML file:
<div class="color-board">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
However, despite adding code for 6 divs, only one box appears. It seems like only one div is being added to the class - why aren't all 6 showing up?