.grid{
  display: grid;
  gap: 2rem;
  padding: 2rem;
}


@media screen and screen and (min-width: 1200px) {
    .grid{
		grid-template-columns: repeat(3, 1fr);
    }
}

@media and screen and (min-width: 900px){
  .grid{
	grid-template-columns: repeat(2, 1fr);
  }
}

@media and screen and (min-width: 0px){
	.grid{
       grid-template-columns: repeat(1, 1fr);
    }
}