body {
  font-size: large;
}
h1 {
    text-align: center;
}
input {
  width: 100%;
  background: lavender;
}

.container {
  display: grid;
  grid-template-columns: 3fr 1fr 3fr 1fr 3fr;
}

.operand1 {
  grid-column: 1/2;
}

.operator {
  grid-column: 2/3;
  text-align: center;
  font-weight: bold;
}

.operand2 {
  grid-column: 3/4;
}

.tombol {
  grid-column: 4/5;
  text-align: center;
}

.hasil {
  grid-column: 5/-1;
}