← Todos los ejemplos

CSS Apariencia open.spotify.com

Spotify: área de contenido más ancha

Aprovecha todo el ancho de la ventana para listas y cuadrículas, mostrando más columnas.

Código para copiar

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

Cómo usar este ejemplo

  1. Copia el código con el botón de arriba.
  2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
  3. Añade una nueva regla que coincida con esa página.
  4. Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.

Valora este ejemplo

Sin valoraciones — sé el primero.

¿Funciona este ejemplo?

Los snippets son inútiles sin un lugar donde pegarlos.

JustZix se instala en 2 minutos y ejecuta tu código en cada página coincidente. Sin cuenta, sin pago.

Descargar gratis Ver casos de uso