Currently working on creating a table using CSS and divs, and I've got most of it set up except for the issue of uneven heights in the boxes. I've tried adjusting the heights and various commands, but to no avail. I'm unsure whether the problem lies in the CSS provided or if there's a conflict with other CSS coding.
CSS:
.collection{
width:600px;
border-collapse:collapse;
}
.collection td{
padding:5px;
}
.collection-box{
border-style:solid;
border-width:2px 2px;
border-color:#29FDF1;
background: rgba(11, 14, 15, .65)
height:100%;
display:inline-block;
padding:5px 5px;
}
.collection-innerbox{
display:inline-block;
background: rgba(11, 14, 15, .65)
text-align:center;
width:200px;
height:200px;
}
.collection-text{
text-align:center;
}