Работаю с Neat впервые. Мне интересно, как я могу выполнить заполнение для внешнего .container. Когда контейнеру присваивается отступ, ширина столбцов внутри больше не правильная и сдвигается вправо/влево.
Как этот:
<header>
<div class='container'>
<div class='logo'>
<img alt='Logo' src='assets/images/logo.png'>
</div>
</div>
</header>
.container
{
@include outer-container;
padding-left: 15px;
padding-right: 15px;
}
header
{
.logo
{
@include span-columns( 3 );
}
}
Я знаю, что могу задать отступ первому элементу в контейнере, и столбцы будут скорректированы, но имхо это не является последовательным решением.
Как лучше всего использовать последовательное заполнение внешнего контейнера без изменения столбцов внутри?
Заранее большое спасибо!