WordPress category flowing parts missing

https://www.sassco.co.uk/6-a-side/saturday-season-20/ - is the problem page.

As you can see, the articles seem to flow to the next column and there is no pagination as there are only a few articles (this is okay). However, I have noticed this for categories with only a small amount of articles.

If you click on to the Israel 2019 category (sorry can’t post more than two links) you can see it’s another one with low number of articles, and no pagination (as expected) but splitting.

A working one is here: https://www.sassco.co.uk/overseas-soccer-tours/ but this has a number or articles so it seems to work.

The code I stole to make the category pages go in two columns is as below and I used the Scale command to reduce the general size of them as well.

Any suggestions?

@media screen and (min-width: 640px) {


.category .af-container-row {
    margin-right: 0px;
    margin-left: 0px;
    -moz-column-count: 2;
    -moz-column-gap: 0px;
    -moz-column-rule: none;
    -webkit-column-count: 2;
    -webkit-column-gap: 0px;
    -webkit-column-rule: none;
    column-count: 2;
    column-gap: 0px;
    column-rule: none;
	}

.category .read-single.color-pad {
    transform: scale(0.9);
	height:300px;}
	
}

I think you will see it whenever it can’t put (divide) the elements into an even number of columns ( Columns and fragmentation)

You can try this, add a column-width to the column container.

@media screen and (min-width: 640px) {
  .category .af-container-row {
      margin-right: 0px;
      margin-left: 0px;
      -moz-column-count: 2;
      -moz-column-gap: 0px;
      -moz-column-rule: none;
      -webkit-column-count: 2;
      -webkit-column-gap: 0px;
      -webkit-column-rule: none;
      column-count: 2;
      column-gap: 0px;
      column-rule: none;
	  /* column-width */
      column-width: 250px;
  }
}

Now add this to the posts. Not really sure what class you can use for this or how this might affect other pages.

.latest-posts-list {
  break-inside: avoid;
  page-break-inside: avoid;
}

Excellent! Seems to have done the trick.