This is page 5 of a 5-page demo about using Joomla's "category blog" to display stuff in a grid format.

Out of the Box- Everything Hidden - Grid of Names - Grid of Images - Catblog with Cards

In the forums, people sometimes ask how to display stuff in a grid format. That can be achieved quite easily using  a menu-item with Joomla's "category blog" display.
It's Sunday, it's raining, and I should be cleaning my house... a perfect opportunity to make a little demo of grid displays :).

On this category blog page, the articles are displayed in a card-like structure. Of course, cards need to be of equal height. I used to think that was difficult in Joomla, but it turns out you can just use flexbox!

I used a three-column layout for this one, and the display on small screens still needs some tinkering.  And if I ever have the time, I will try and align the "read more" at the bottom of the card, but you get the idea smile.

Lorem ipsum dolor sit amet consectetur adipiscing elit, vivamus vehicula aliquam nullam aliquet leo placerat eros.

Lorem ipsum dolor sit amet consectetur adipiscing elit, vivamus vehicula aliquam nullam aliquet leo placerat eros, erat commodo tristique platea rutrum dictum. Duis scelerisque hac penatibus varius nostra praesent auctor, vivamus tellus eu sociosqu litora donec facilisi.

Lorem ipsum dolor sit amet consectetur adipiscing elit, vivamus vehicula aliquam nullam aliquet leo placerat eros, erat commodo tristique platea rutrum dictum. Duis scelerisque hac penatibus varius nostra praesent auctor, vivamus tellus eu sociosqu litora donec facilisi, eros semper pretium ultrices blandit felis. Litora ligula leo imperdiet tincidunt etiam faucibus primis, ad aenean placerat dictum cras viverra.

Lorem ipsum dolor sit amet consectetur adipiscing elit, vivamus vehicula aliquam nullam aliquet leo placerat eros, erat commodo

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet consectetur adipiscing elit, vivamus vehicula aliquam nullam aliquet leo placerat eros, erat commodo tristique platea rutrum dictum. Duis scelerisque hac penatibus varius nostra praesent auctor. Lorem ipsum dolor sit amet consectetur adipiscing elit.