Несколько вопросов по SMACSS

[Zuenf]

Взял пример с официального сайта из раздела про Layout и решил разобраться как оформить данный блок до конца по методологии.
Пример как должно выглядеть в итоге:

 
Меня интересует вопрос нужен ли тут вообще l-grid ведь layout можно через модуль оформить, как и остальные стили. Иначе сам по себе модуль будет зависеть от других стилей позиционирования и без них итемы будут выводиться вертикально, что добавляет лишние зависимости.

Первый вариант с вырванным и помещенным в layout позиционированием.

<div><h2>Featured</h2><ul class="module l-grid">    <li class="module-item"><a href="…">…</a></li>    <li class="module-item"><a href="…">…</a></li>    …</ul></div>

Другой вариант если мы сделаем не модулем с итемами, а каждый итем будет отдельным модулем. Тогда проблем с лишними зависимостями не будет, но и для ul теперь не задать, например бордер.

<div><h2>Featured</h2><ul class="l-grid">    <li class="module"><a href="…">…</a></li>    <li class="module"><a href="…">…</a></li>    …</ul></div>

И последний - задание стилей позиционирования в самом модуле, но для чего тогда использовать l-grid?

<div><h2>Featured</h2><ul class="module">    <li class="module-item"><a href="…">…</a></li>    <li class="module-item"><a href="…">…</a></li>    …</ul></div>

Хочу понять как правильно сделать опираясь на SMACSS.