<div class="kapsul">
  <div>Bir</div>
  <div>İki</div>
  <div>Üç</div>
  <div>Dört</div>
</div>
.kapsul {
  display: grid;
  grid: 100px 300px / 3fr 1fr;
}

.kapsul div:nth-child(1) {
  background: #05ffb0;
}

.kapsul div:nth-child(2) {
  background: #00e7eb;
}

.kapsul div:nth-child(3) {
  background: #ff3860;
}

.kapsul div:nth-child(4) {
  background: #b86bff;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.