I'm a UX developer who has tried and failed every time to get vertical rhythm working. It doesn't.
Vertical rhythm is great in theory. You can even program it in if you use SASS or something like that.
The problem is every example of vertical rhythm is a blog post on a blank page with a school paper ruler underneath.
Even if you add multiple columns it will look great, but the moment you add any sort of visual offset it will break things.
Cards are all the rage right now in UI design. Usually you want card headers to abutt the top of the card by some padding offset (padding on the card). Now you need to make that heading work without padding and still obey vertical rhythm. Good luck.
Borders? Haha sorry, you've now introduced an off by one error (or two if you put them on top and bottom of your object). You probably thought of that already for tables, but you didn't think of that for your buttons or any of your form elements (who also have labels that you don't want to be oddly distant from their form elements).
I could go on, but outside of a mimnimalist page I've yet to see it be more of a benefit than a PITA
I have used a vertical grid in a couple of fairly complex web designs. It's a lot of work to compensate for things like borders and padding and keep all of the text on the baselines. For most paying gigs, it's probably not worth the time.
But it's not impossible. You just gotta to the work.
I believe you're right. I also believe you've just demonstrated how adding cards, borders and so on breaks vertical rhythm. You've decided to prefer adding cards and borders to keeping vertical rhythm, but one could also come to the opposite conclusion. What do you think?
Vertical rhythm is great in theory. You can even program it in if you use SASS or something like that.
The problem is every example of vertical rhythm is a blog post on a blank page with a school paper ruler underneath.
Even if you add multiple columns it will look great, but the moment you add any sort of visual offset it will break things.
Cards are all the rage right now in UI design. Usually you want card headers to abutt the top of the card by some padding offset (padding on the card). Now you need to make that heading work without padding and still obey vertical rhythm. Good luck.
Borders? Haha sorry, you've now introduced an off by one error (or two if you put them on top and bottom of your object). You probably thought of that already for tables, but you didn't think of that for your buttons or any of your form elements (who also have labels that you don't want to be oddly distant from their form elements).
I could go on, but outside of a mimnimalist page I've yet to see it be more of a benefit than a PITA