Как сверстать блоки на на css grid?

Question

[daniel_wesson]

Можно ли такое создать, используя css grid?

У меня вышло только так:

<div class="grid">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

.grid {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

Я не знаю как отцентрировать нижний ряд

Answer 1

[Ice]

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

align-self: center;
justify-self: center;

Answer 2

[alex]