/ / zurb foundation - ¿cambia el tamaño del contenedor de rejilla? - zurb-foundation, zurb-foundation-6

fundación zurb - ¿cambiar tamaño de contenedor de rejilla? - zurb-foundation, zurb-foundation-6

¿Cuál es el ancho predeterminado de .grid-container en pantalla grande? ¿Cómo puedo cambiarlo y hacerlo más grande? ¿Cuál es la forma correcta de hacerlo?

Respuestas

1 para la respuesta № 1

Simplemente abre tu "_settings.scss"archivo, vaya a la Sección 2"Puntos de ruptura"(línea 103) y edite los valores de píxel allí como prefiera.

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

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


1 para la respuesta № 2

Esta es una solución más rápida sin estropear la configuración:

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