Vertical rhythm after a picture
Do you have any insights into how to deal with pictures, in order to have the text after the picture align with text in another column?
4 Replies
That sounds like a use for grid
@Jochem I don't think grid is the optimal solution. When the columns are squeezed, the text in the first column gets longer, while the picture in column 2 get shorter. I "just" want the text after the picture to align with the text in column 1.
you may have to do a demo then, cause I'm not sure what you mean...
or at least a mockup in paint or something
If I understand correctly, you're after a baseline grid of sorts, which is always kind of hard on the web.
The height of the image could be set using
lh units, so if you do, like, 5lh, it's 5 line-height tall, so it's effectively following the lines of text.
Issue's that could come up, though, are if you have a heading in one column, but not another, which can throw off the spacing again.