Как растянуть столбцы * после *, если они расположены на нескольких строках в CSS Grid?

Question

Я пытаюсь скопировать этот flex-box с сетками:

main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

main > article{
    flex:1 1 400px;
}

Например, если дорожка строки 900px, flex поместит по две статьи в строку (с учетом flex-base в 400px) и увеличит каждую из них до 450px позже.

По сути, моя идеальная ширина элемента - 400px, которую я готов растянуть как можно больше, но без кражи пространства от других элементов flex.

Есть ли способ сделать что-то подобное с сетками?

Спасибо.

main {
    display: flex;
    width:90px;
    flex-direction: row;
    flex-wrap: wrap;
    border:2px blue solid;
}

main > article{
    background-color: lightblue;
    flex:1 1 40px;
    border:2px red solid;
    box-sizing:border-box;
}

<main>
  <article>A</article>
  <article>B</article>
  <article>C</article>
  <article>D</article>
  <article>E</article>
</main>