Html 基于列的布局

我正试着让这一切顺利进行：

我有点工作，但我面临下一个问题。 例如，当数字1的项目比其他项目多时，该“行”上的所有项目都具有相同的高度。使其更高并占用空间

1 4 5 2 3 6 3 4 7 我也知道。我不喜欢有固定的身高和/或与我的父母和孩子

1 4 10 5 11 6 7 13 2 8 14 3 9

  display: grid;
  grid-auto-columns: min-content;
  grid-template-rows: repeat(3, 1fr);
  grid-gap: 5px;
  grid-auto-flow: column;
  text-align: right;