I have this layout:

I am trying to replicate a UI interaction found in Apple’s iTunes software: album covers are shown in a grid as selectable squares, clicking on one of which reveals a full-width tracklist box under the currently selected album. Here is a screenshot that demonstrates that UI.

In Apple’s iTunes software, albums are shown in a grid of selectable pictures, clicking on which reveals a full-width box with a tracklist under the row of the currently selected item. Here is a screenshot that demonstrates that UI, and here is a video where it can be seen interacted with (at 54 seconds).

Closed 4 mins ago.

I would like to make this menu in pure HTML and CSS, when the item is selected it changes the color and creates a gradient in the background.