This works by targeting the container element for the title and the link/button row. Setting display: grid means we can use the grid alignment options. And setting align-content: space-between ensure that any left over space is inserted between the grid items (instead of after it), which pushes the link/button down to the bottom.
I hope that helps. Please let me know if you require further assistance.
No worries about the delay, Sebastian. Thanks for the solution. It worked for the most part. One column has a strange gap:
Also, I used grid and justify start/end to align the text link (to the left) and round button (to the right), but it doesn’t work on that third column. Any thoughts on the best practice to achieve this? Initially, I tried with a class on the child columns but it didn’t work so I proceeded with targeting each unique child column.
Issues targeting all columns as a set might relate to CSS specificity. I had success modifying the selector I previously suggested a bit, in order to override a justify-content setting:
.
