I have to design a page with two button choices separated by horizontal rule. The first group has a heading, text input and a button all on new lines.
The group after the horizontal rule has a heading and a button.
I am wondering how to go about determining the margins between the elements in each group as the elements are of different heights, but need to be in proximity of each other.
Are there any best practices useful to solving this problem? I seem to experiment, but every time I come back to the design I want to change it as it doesn't seem right.
I was thinking about baseline grids but I've never used them before.