I created a masonry grid (base card) with 6 posts and 3 columns. The problem is that posts with longer titles (i.e 2 or 3 lines) push the posts below them down, as you can see in this screenshot: https://prnt.sc/105wvi1. What can I do to fix this? I tried to increase the bottom margin of posts through CSS but I couldn’t find the right place for that. Could you please suggest any possible solutions?
This is quite tricky to deal with as the issue is coming from title text not being of the same length.
There are 2 ways of dealing with this:
1 is to trim the title, meaning it will be cut-off.
Or we set a min-height so all titles have the same height, which in turn, makes all posts of the same height. But the catch is, the short titles will have significant amount of space underneath them to match the post item height of the posts with longer titles.
Let us know which of the 2 methods you prefer to do.