.container
{
  border: 1px soild black;
  height:80vh;
	display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-gap:10px;
}


.box-1
{
 background-color:teal; 
 border:none;
 border-radius:20px;
 display:flex;
 justify-content:center;
 align-items: center;
 flex-direction: column;

}

.box-2
{
  background-color:orange;
  border:none;
 border-radius:20px;
  height:50vh;
  display:flex;
  justify-content:center;
  align-items: center;
  flex-direction: column;
  
}

.box-3
{
  background-color: gold;
  border:none;
  border-radius:20px;
  display:flex;
  justify-content:center;
  align-items: center;
  flex-direction: column;
}