← Tous les exemples

Spotify : zone de contenu plus large

Exploite toute la largeur de la fenêtre pour les listes et grilles, affichant plus de colonnes.

Code à copier

/* 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;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.