body { background-color: rgb(240, 230, 230); } .currently-playing { padding: 8px; } .controls { padding: 8px; } .track-list { border: 1px solid black; display: flex; } .track-list__grouping { padding: 8px; border-style: solid; border-width: 0px 5px 0px 0px; } .bulletless-list { list-style: none; } .track-list__row { margin-top: 32px; } .card { border: 1px solid black; border-radius: 5px; padding: 8px; width: 300px; height: 100px; } .track-card { display: grid; gap: 4px 4px; } .track-card__name { display: block; grid-column: 1 / span 1; grid-row: 1 / span 1; } .track-card__length { display: block; grid-column: 1 / span 1; grid-row: 2 / span 1; } .track-card__album { display: block; grid-column: 2 / span 1; grid-row: 1 / span 1; } .track-card__artist { display: block; grid-column: 2 / span 1; grid-row: 2 / span 1; }