Can you show me how to insert text below a column using the grid system?
Here is what I am trying to accomplish
Here is the code I have created:
.grid{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-rows: 240px 240px;
row-gap: 43px;
column-gap:24px;
}
.grid > div{
border: 1px solid black;
}<div class="grid">
<div>item1</div>
<div>item2</div>
<div>item3</div>
<div>item4</div>
<div>item5</div>
<div>item6</div>
<div>item7</div>
<div>item8</div>
</div>