Summary block content aligns wierd

Site URL: https://ellipse-opossum-r2bz.squarespace.com/

Hi! 

I'm almost finished with my first site, but..

The content in the summary block aligns (?) wierd. 

I want it to be 3-4 posts per row, but often it aligns to the left and only have 2 posts per row. 

This also happens in fullscreen mode.

See pictures below. 

Help! 

The password for the site is hello2021

Hi. Do you still need help on this?

Try adding to Page Header

<style>
  @media screen and (min-width:768px) {
  .sqs-block-summary-v2 .summary-item-list {
    display: grid;
    grid-template-columns: repeat(4,1fr) !important;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: auto !important;
}
.sqs-block-summary-v2 .summary-item.positioned {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    right: unset !important;
}
  }
</style>