/ / zurb foundation - cambia la dimensione del contenitore della griglia? - zurb-foundation, zurb-foundation-6

fondazione zurb - cambia la dimensione del contenitore della griglia? - zurb-foundation, zurb-foundation-6

Qual è la larghezza predefinita di .grid-contenitore sul grande schermo? Come posso cambiarlo e renderlo più grande? Qual è il modo corretto di farlo?

risposte:

1 per risposta № 1

Basta aprire il tuo "_settings.scss"file, vai alla Sezione 2"I punti di interruzione"(riga 103) e modifica i valori dei pixel lì come preferisci.

// 2. Breakpoints
// --------------

$breakpoints: (
small: 0,
medium: 640px,
large: 1024px,
xlarge: 1200px,
xxlarge: 1440px,
);


1 per risposta № 2

Questa è una soluzione più rapida senza incasinare le impostazioni:

/**
* Change container size on xxlarge screen.
*/
@media screen and (min-width: 90em) {
.grid-container {
max-width: 85rem;
}
}