/ / zurb foundation - alterar o tamanho do contêiner de grade? - zurb-foundation, zurb-foundation-6

zurb foundation - alterar o tamanho do contêiner de rede? - zurb-foundation, zurb-foundation-6

Qual é a largura padrão de .grid-container na tela grande? Como posso alterá-lo e torná-lo maior? Qual é a maneira correta de fazer isso?

Respostas:

1 para resposta № 1

Simplesmente abra o seu "_settings.scss"arquivo, corra para a Seção 2"Pontos de interrupção"(linha 103) e edite os valores de pixels como preferir.

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

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


1 para resposta № 2

Esta é uma solução mais rápida, sem bagunçar as configurações:

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