Set number of items per row in Summary Block

I would like to make a summary block that looks like the attached with 1 item in the first row, 2 in the second row, and 3 in the third row.

I downloaded the Balanced plugin from Ghost Plugins because that’s almost exactly how I want it, but I can’t use it since it uses tags to tell the items where to go. I use the tags for sorting and categorization.

Is there a way to do this without using tags or do I have the manually do it with image blocks?

@tuanphan Would you have any recommendations?

Can you share your website URL and this page? Thanks.

5 hours ago, Ziggy said:

Can you share your website URL and this page? Thanks.

It will be www.hyperset.studio/home 

I have to add the summary block in. 

Have you added the summary block? I couldn't see it.

1 hour ago, Ziggy said:

Have you added the summary block? I couldn't see it.

Yes, just added it in

I was writing you some CSS, but actually this guide should help you do exactly what you need:

https://www.will-myers.com/articles/same-height-summary-block-items

If you want any more help adjusting it, let me know.

1 hour ago, Ziggy said:

I was writing you some CSS, but actually this guide should help you do exactly what you need:

https://www.will-myers.com/articles/same-height-summary-block-items

If you want any more help adjusting it, let me know.

Wow! I looked all through his website and didn’t see this. Thank you!! I’ll let you know if I need any help adjusting it.