Evenly space rows of summary block content

For these gallery images in a summary block on my website's homepage, I'd like it so that depending on the browser size on desktop, the images are even (or close to even) instead of having 6 images on the top row and 2 on the bottom row like in the screenshot attached. 

Is there a way to add code so that the rows are more even? 

Thanks! 

Can you share your website URL and this page?

@Ziggy Oh yes, here you go: https://www.squareonepolitics.org/ if you scroll down just a bit you will see the section I'm referring to 

Try this Custom CSS:

#block-yui_3_17_2_1_1572613212076_9548 {
  .sqs-block-summary-v2 .summary-item-list {
    max-width: 800px !important;
    margin: auto !important;
  }
}

It should constrain the width of the content and keep it at 4 columns on desktop.

@Ziggy Thank you — just tried adding that CSS but didn't seem to solve the issue. Any thoughts? 

@Ziggy That worked - thank you so much! 

1 minute ago, walevitt said:

@Ziggy That worked - thank you so much! 

Excellent, glad that's working!

Can you mark my post as the solution and give it a like?