<style>
.grid {
display: grid;
grid-template-columns: 35% 1fr 1fr 1fr;
header {
grid-row: 1 / 3;
}
}
</style>
<div class="grid">
<header>
<h1>My Portfolio</h1>
<p>
A small selection of the works created using Blender. No robots or AI involved.
</p>
<p>
In a real artist portfolio, there would be more text here.
</p>
</header>
<div class="i">1</div>
<div class="i">2</div>
<div class="i">3</div>
<div class="i">4</div>
<div class="i">5</div>
<div class="i">6</div>
<div class="i">7</div>
<div class="i">8</div>
</div>