I'm starting to use a baseline grid for web design.
Does everything have to align to the baseline or just the type and do they have to be the same sizes as the typography scale or baseline grid?
I'm confused because things don't seem to be lining up properly for example, I follow the grid with the type and then add a button below and the container of the button is either too big with a small gap above or too small with a big gap above it. So I'm struggling with how to achieve overall balance within the design because I don't know whether I have to follow the grid for all elements including things like containers, images, icons etc, or do I just need to worry about the type and balance the other elements myself without following the grid or any sort of scale. Any help is appreciated, even if it's just a link to a tutorial that helped you. Cheers.