SOLVED: Align "read more" button to bottom of post archive grid when titles and excerpts are varied lengths (Cornerstone, Pro Theme)

Creating a custom post archive grid, client wants all “read more” buttons aligned and fixed to bottom no matter what the length of the content above in the title and excerpt. By default these varied lengths will create a staggered placement of the read more in the grid.

Go from this:
image

To this:


image

Consistent placement, bottom left:

Using this trick from Theme Co it was solved:

Although this example uses a static layout, I was able to apply it to a dynamic grid layout using the same DIV technique.

Little custom design issues like this can drive people crazy. I love to solve these problems. Reach out if you need help!