<div class="kapsa">
  <div class="oge oge1">1</div>
  <div class="oge oge2">2</div>
  <div class="oge oge3">3</div>
  <div class="oge oge4">4</div>
  <div class="oge oge5">5</div>
  <div class="oge oge6">6</div>
  <div class="oge oge7">7</div>
  <div class="oge oge8">8</div>
  <div class="oge oge9">9</div>
  <div class="oge oge10">10</div>
  <div class="oge oge11">11</div>
  <div class="oge oge12">12</div>
</div>
.kapsa {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 100px 100px;
  grid-auto-rows: 200px;
  grid-gap: 20px;
}

.kapsa div {
  background-color: lightblue;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.