I'm looking for other ideas to give a grid box (which contain an image with its title) a better user experience, make it easy to use. I think some people can't find out that they should hover and then click on the image to see the full post.
This is a step-by-step tutorial blog, imagine a food blog. I displayed the first page of the blog layout, which the boxes contain the latest posts, with their thumbnail and title. There are several line of boxes, with different widths. There is no problem with a wide width box, (3 box each 30%, or two box each 48% width), I can easily put the title under the thumbnail. The problem is when the boxes have a width about 20%, for example when I put 4 boxes in a line, as showed in the above image. Then I can't put the title under the thumb, because it will give the box a bad view (it will break to many lines)
I found two ideas for my grid box layout design. The first idea is better for when the boxes have a wider width:
That wasn't suitable when there are more boxes in a line, so there is another idea:
So I need ideas, to put several boxes in a row.