Since we build a baseline grid to rule our copy on the web, on articles I read, it's not clear if we should use this base line for giving spaces to other elements of the web as well, such as images for example. Say, for example the baseline is 6px height, so margins of pictures would be multiple of 6px. And same with any dimension I use, my pictures should be then always be a number than can be divided by 6px? having all elements on my web built with that rule. If the baseline is only for the copy, then I can't see how I could keep the baseline properly for the copy.
UPDATE: Please have a look to what I have. http://gyazo.com/c2db7fb79a8f1b6ae3b34cd4591e6bbf My baseline is 6px and sizes and spaces of elements follow that as well. I was not aware of "the grid for layout and logical sections." Would we have two horizontal grids? where could I see that?