CSS grid with one element spanning entire row

Question

I have a css grid with 5 items (circles in the pic) per row.

.grid {
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}