Всем привет.
Я при проектировании и создании дизайна сайта привыкла всегда использовать базовую линию. Так удобней.
Стоит задача разработать макет под сетку Bootstrap.
Минимальный шрифт выбираю в 14 pt.
Базовая линия следственно 21 px.
Беру готовую сетку Bootstrap на 1170.
Вопрос такой, когда я делаю любого вида плитку, она получается очень странного вида, если соблюдать базовую линию и сетку с желобом в 30 px шириной.
(смотрите на скрин)

Мне кажется, что я запуталась в этих методах или я опускаю какие-то важные моменты. Скажите, где ошибка в размышлениях ?
файл psd
https://yadi.sk/i/VCRyjagnoMTju