Как эффективно использовать безрамную сетку?

Я начинаю создавать веб-сайт, хороший для мобильных устройств. Поэтому я также начинаю изучать медиа-запросы и различные структуры сетки. Я взглянул на всех «основных игроков», таких как инуиты.css, семантическая сетка и т. Д. и обнаружил, что , вероятно, лучшим для меня является безрамочные сетки

Автор говорит, что это «духовный преемник Less Framework»:

Ok. Я много изучил весь код less/css и html-код главной framelessgrid.com страницы (который должен реализовать безрамную сетку), но я не могу поймить, как на самом деле я могу это реализовать.

• Прежде всего, что именно он имеет в виду под «безрамочным»? Просто это не фреймворк? И помимо того, что свободная ширина столбцов и «инвертированные» медиа-запросы должны быть «сначала мобильными», чем это отличается от менее кадровой работы?

• Как точно использовать переменные .less (особенно серию @cols)?

• Что означает «Адаптация столбца за столбцом, а не пикселя за пикселем»? Как привести это понятие на практике?

:)