body { font-family: Helvetica, sans-serif; height: 100vh; margin: 0; padding: 8px; box-sizing: border-box; background-color: #212121; color: #E4E4E4; } img { max-height: 30vh; } main { height: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto 1fr auto auto; grid-template-areas: "h h h" "a b c" "f f f"; } #header { grid-area: h; display: flex; margin-top: 0.5em; margin-bottom: 0.5em; } #logo { height: 5em; } .list { height: 100%; width: 100%; } #artistListContainer { grid-area: a; } #albumListContainer { grid-area: b; } #trackListContainer { grid-area: c; } #playerContainer { grid-area: f; display: flex; justify-content: center; } #albumCover { padding-right: 1em; padding-top: 8px; }