How can I align grid items with varying text lengths?

Store Design
1

Hey!

I saw this question in this community, but did not find the answer.

Grid items are not aligned, when there is more text.

I tried few options, but it did not work.

Maybe someone can help?

Thanks a lot. I attach secreenshots as well.

Website: https://philmiodev.myshopify.com/

Pass: devjobs

2

For product cards:

component-card.css in .card-wrapper add height: 100%;

For multicolumn:

section-multicolumn.css in .multicolumn-card add display: flex; flex-direction: column; height: 100%;

1 Like