Display three boxes in a grid layout on the screen: left top, center, and top right.

HTML

<div class="stage">
    <div class="box top-left">Левый верхний</div>
    <div class="box center">Центр экрана</div>
    <div class="box top-right">Правый верхний</div>
  </div>

CSS

.stage {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto 1fr;
    height: 100vh;
  }

   .box {
    min-width: 140px;
    min-height: 80px;
  }

  .top-left {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    background: #4a90e2;
  }

  .top-right {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    background: #50e3c2;
  }

  .center {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    justify-self: center;
    background: #f5a623;
  }