Возможно ли сверстать такое на гридах простым списком без вложености?

Question

[Jaroslaw Goszowski]

Как сверстать такие блоки (сетка с 4 блоков, с картинками) на гридах имея только список блоков без вложенности:

<div class="wrap">
    <div class="item">
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga quibusdam veniam delectus quae sequi ad cum, necessitatibus aliquam similique, provident deserunt soluta magni magnam modi accusantium amet ea sit saepe.</p>
    </div>
    <div class="item">
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga quibusdam veniam delectus quae sequi ad cum, necessitatibus aliquam similique, provident deserunt soluta magni magnam modi accusantium amet ea sit saepe.</p>
    </div>
    <div class="item">
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga quibusdam veniam delectus quae sequi ad cum, necessitatibus aliquam similique, provident deserunt soluta magni magnam modi accusantium amet ea sit saepe.</p>
    </div>
    <div class="item">
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga quibusdam veniam delectus quae sequi ad cum, necessitatibus aliquam similique, provident deserunt soluta magni magnam modi accusantium amet ea sit saepe.</p>
    </div>
</div>

Answer 1

[Ankhena]

https://jsfiddle.net/dnphj1vL/

Comments

[Jaroslaw Goszowski]

Спасибо. Хоть и есть подолнительные классы, но проблема решена.

[Ankhena]

Jaroslaw Goszowski, вы можете решать это через nth-child.
Само оно ведь не догадается какой блок сколько ячеечек должен занимать.

[Jaroslaw Goszowski]

Спасибо за совет про nth-child!

Answer 2

[tema_sun]

grid-template-areas, например

Comments

[Jaroslaw Goszowski]

спасибо. можно пример на песочнице?