What to do if there is no modular grid in the layout?

Question

css

This package screenshot.ru/13df636bfd89471f0ed92a9e62e82bce has guides that build a modular grid, but why the menu, site bar, search, etc. not aligned with the grid? How can I split the header for example? There and not col-4 col-4 col-4 and not col-4 col-6 col-2 . Even if the layout is not on the grid and the header is divided into 3 columns of the logo, search and authorization, by 33.33% each, but they are not all equal, for example, the search is longer, the logo is no longer 33.33%. How to be?
For example, on this screen everything is clear on the grid screenshot.ru/809563eaa99a04e7fb297de778a58820

Answer 1

Write a custom grid using susy or something similar