/ / zurb foundation - змінити розмір сітки-контейнера? - zurb-foundation, zurb-foundation-6

zurb foundation - змінити розмір сітки-контейнера? - zurb-foundation, zurb-foundation-6

Що таке ширина за умовчанням .Grid-контейнер на великому екрані? Як я можу змінити це і зробити його більшим? Який правильний спосіб це зробити?

Відповіді:

1 для відповіді № 1

Просто відкрийте свій "_settings.scss"файл, запущений до розділу 2"Точок зупинки"(рядок 103) і відредагувати значення пікселів там, як ви віддаєте перевагу.

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

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


1 для відповіді № 2

Це більш швидке рішення без проблем з налаштуваннями:

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