← All examples

Spotify: wider content area

Uses the full window width for track lists and grids, fitting more columns at once.

Code to copy

/* Use the full window width for track lists and grids */
.Root__main-view [data-testid="tracklist"],
.main-view-container__scroll-node-child {
  max-width: 100% !important;
}
.main-gridContainer-gridContainer {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.