th: max-content;
  /* keep fixed values small enough for spanners to have an effect */
  grid-template-columns: 1.1ch auto 1.4ch 1fr;
}

item {
  align-self: start;
}

.hidden {
  visibility: hidden;
  height: 0;
}
</style>

<body>

<section>
<grid>
  <item style="width:2ch">1</item>
  <item>2 2</item>
  <item style="grid-area: 1/3/3">3 3</item>
  <item>4</item>
  <item style="grid-area: 2/1">5 5</item>

  <item class="hidden" style="grid-area: 2/4; width: 2ch">0</item>
  <item class="hidden" style="grid-ar