Как сверстать
такие блоки (сетка с 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>