я не нахожу четкого объяснения использования контекста с миксином @include span-columns();, поэтому я не нахожу различий между @include span-columns(4 , $tablet); и @include span-columns(4);, но я думаю, что это проблема для меня, потому что столбцы не занимают всю ширину своего родительского контейнера, например: 
в этом примере второй столбец должен использовать 8 столбцов вместо 4 на самом деле. Я на правильном пути? Нужно ли правильно использовать контекст?
спасибо
Поскольку сетки Susy являются относительными, ширина родителя используется для вычисления ширины дочерних элементов. Проще говоря: 4/4 = 100%, 4/8 = 50%, 4/4 != 4/8. Думайте о первом числе в дроби как о столбцах, которые вы хотите охватить, а затем о втором числе как о доступных столбцах (ширина родителя или контекст).
Глядя на вашу демонстрацию, связанную с другим вопросом, и на свой снимок экрана, вы находитесь в контексте 8 для вид планшета и 12 для просмотра рабочего стола. Это означает, что span-columns(2, 8) для левой панели на планшете становится span-columns(4, 12) на рабочем столе. И span-columns(6 omega, 8) для основного контента становится span-columns(8 omega, 12) для правого. omega важен для последнего элемента в строке.
Кроме того, вам нужно удалить padding, который вы установили для обоих объектов, или использовать box-sizing: border-box. По умолчанию браузеры добавляют отступы к ширине, поэтому элементы сетки становятся слишком широкими для места. Я рекомендую установить border-box глобально.
