Align collection list elements for blog post listing

[Warren_James (Warren Krige)]

1st prize: On my regular breakpoint, Id like my blog post listings to sit in two coloums next to each other and each section line up ie. image, heading, introduction, button (Screenshot 1 highlights the problem).

If this is too limiting or will require a lot of customization Id be happy for the bottom of each listing to align (Screenshot 2 highlights the problem).

I have looked through a number of the posts on this forum and have tried to impliment this using in-line flex and creating the top margin of the bottom element to AUTO (A div containing my button in this case). I seem to be missing somthing because its not working.

Screenshot 1:

Screenshot 2:

---

My read-only link:
Storytale Weddings - Read Only

[zafremedia]

hello @Warren_James ,
I think this might help you:

1. select your “Collection List” in the navigator panel
   and go to its setting and in layout section
   choose “full width”:
   

   

2. go to style panel and give it display: grid with 2 columns:
   

   

the result is:

h

I hope this solves your problem.
Ali from Zafre Media

[Warren_James (Warren Krige)]

Makes sense once someone points it out. Thx a mil