/ / zurb foundation - changez la taille du conteneur de grille? - zurb-foundation, zurb-foundation-6

zurb foundation - changez la taille du conteneur de grille? - zurb-foundation, zurb-foundation-6

Quelle est la largeur par défaut de .grid-container sur grand écran? Comment puis-je le changer et le rendre plus grand? Quelle est la bonne façon de le faire?

Réponses:

1 pour la réponse № 1

Ouvrez simplement votre "_settings.scss"fichier, exécutez à la section 2"Points d'arrêt"(ligne 103) et éditez les valeurs de pixels comme vous le souhaitez.

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

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


1 pour la réponse № 2

Ceci est une solution plus rapide sans perturber les paramètres:

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