Responsive Cards

Site URL: https://roamerbatteries.com/stories

Hello, I was wondering if you might be able to help me with my website.

I have recently created a new blog page using css to create card modules.

I was happy with the design on my Macbook and mobile but when I looked at the webpage on my iMac at work this morning the layout looks odd.

Is it possible to either increase the width of the cards or set the card amount to 4 instead of 3 for anything greater than Macbook size so less space on the right. This would be for the 3 sections, 'Planning Stories', 'Installation Stories' and 'Maintenance Stories' on https://roamerbatteries.com/stories

Is there also a way to set a maximum word count for the titles and description of the cards so they are all the same height? 

Thank you

Holly

Try adding to Design > Custom CSS

@media screen and (min-width:2500px) {
#collection-61b9c69988eab76b4cd078d4 .sqs-block-summary-v2 .summary-item {
    width: 30% !important;
}
}

Thank you 🙂