css grid area

.item1 {
  grid-area: 1 / 1 / 5 / 5; /*Start on row 1, column 1. End on row 5, column 5*/
}

.item2 {
  grid-area: 5 / 5 / span 2 / span 2; /*Start on row 5, column 5. End on row 7, column 7*/
}

    .sidebar{
    	grid-area:sidebar;
      background:aqua;

    }
    .grid_container{
    	display:grid;
    	grid-template-columns: 1fr 3fr;
      grid-template-rows: 1fr 3fr;
    	grid-template-areas:
    	"sidebar ."
    	"sidebar .";
      background:pink;
      height:300px;
    }