Spotify Recently Played Albums

Music I design & code to ... – Ketan Mistry

CSS Grid

Use the sliders to change the size of the grid and see how it scales responsively.

display: grid;
grid-template-columns: repeat(auto-fill, minmax({{ gridMin }}px, 1fr));
grid-gap: {{ gridGap }}px;

Grid Gap — the size of the gutter

Grid Size — the minimum size of each grid item