Система направляющих и обычная сетка имеют разные функции при вёрстке веб-страниц.

Сетка — это система организации объектов внутри макета, которая состоит из колонок, рядов и отступов между ними. 24 Сетка помогает установить объект в нужной позиции, так как при перемещении элементы как бы «прилипают» к её линиям. 1

Направляющие — это линии, по которым выравнивают строки текста, границы изображений и кнопок. 3 Направляющие можно установить в любом месте, и с их помощью можно воспроизвести любую сетку. 1

Таким образом, сетки больше ориентированы на общее расположение объектов, а направляющие — на точное выравнивание отдельных элементов.