Error de columnas de Chrome cuando el número de columnas es menor que el recuento de columnas

Tengo un problema con Chrome cuando uso elcolumn-count propiedad. Tengo un div donde dentro tendré algunos elementos, así que configurécolumn-count: 3; Cuando tengo 3 elementos o más, funciona bien, pero cuando tengo solo dos, no se muestran en la misma fila sino en la misma columna. Esto sucede solo en Chrome.

ejemplo de código:

.userinfo-content .grid-view.author-profile-tabs {
  .column-count(3);
  .column-gap(30);
  .article {
    position:relative;
    display: inline-block;
    margin-bottom: 40px;
    width: 100%;
    line-height: 1.3;
  }
}

Respuestas a la pregunta(1)

Su respuesta a la pregunta