Neat 2.0 - установка размера сетки от полной ширины до определенного пикселя

Question

В настоящее время я начал возиться с новой платформой Neat 2.0. Ранее в 1.8 при создании сетки outer-container() mixin принял фактическое число для размера вашей сетки. Однако теперь с использованием Sass Mapping grid-container() mixin принимает только карту sass со следующими атрибутами.

$my-custom-grid: (
  columns: 12,
  gutter: 20px,
  media: 1200px,
  color: rgba(#00d4ff, 0.25),
  direction: ltr,
);

Из того, что кажется, это просто делает сетку полной шириной экрана по умолчанию. Как сделать сетку шириной всего 960 пикселей, но она все еще рушится, когда вы начинаете уменьшать размер браузера?

Я чувствую, что теперь я буду постоянно перемещать элементы, чтобы они не были на краю браузера. Я уверен, что есть способ обойти это, но просто установив ширину элемента, где я называю grid-container() не работает

Какие-нибудь мысли?

Answer 1

CSS max-width это ответ! Он не будет устанавливать ширину контейнера, но будет препятствовать тому, чтобы контейнер проходил заданное значение. Таким образом, width: calc() все равно будет работать как задумано.