Not sure why this is occuring?

Hi there!

I’ve got an issue where I created a grid of 4 columns and the line break on the headers cause the elements to be pushed down. What’s the best way of making the paragraph text and the rest of the elements to be lined up with each other? It’s obviously something easier, but I can’t work it out.

Thanks in advance!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Most likely the title portion of your cards is using a bottom padding or margin to create the spacing. If you want that title height to be consistent regardless of the amount of text, give it a fixed height of say 100px and remove that bottom margin/padding.

You could also add a row and move the text to the second row. Might be a more responsive option, you would also have to format on smaller breakpoints to be ordered correctly.