Is it pointless to maintain vertical rhythm in web typography? We don’t have to worry about overlaying pages, of course. But can it contribute to visual harmony?
There is a persistent urban legend in typography that mathematical techniques automatically produce successful layouts. More so among web designers — probably because CSS/JS makes it easy to specify a layout mathematically compared to a typical page-layout app.
I’ve done my part to debunk this myth with respect to the golden ratio, modular scale, and grids. In this category, I would also include vertical rhythm. Judge the layout with your eyes, not your ruler.
As for your question. I think the simplest way to make images align nicely with text is to specify their layout size by height (as some multiple of the current line height of the text, which is always available via
em) rather than width (as some fraction of the viewport). Furthermore, with
I see. Sorry for missing that. Thank you for the advice!