← Tous les exemples

Twitch : grille de répertoire compacte

Réduit les cartes du répertoire de streams pour que beaucoup plus de chaînes tiennent dans la grille.

Code à copier

/* Shrink directory cards so more streams fit in the grid */
div[data-target="directory-container"] .tw-tower {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
}
.preview-card {
  font-size: 12px !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.