@charset "UTF-8";
/* CSS Document */

#wrapper {max-width: 1200px; margin: 0 auto;}

div.grid {background-color: dodgerblue; font-size: 50px;}
div.grid > div {background-color: #f1f1f1; border: 1px solid #000000;}



#grid-01 {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}
#grid-01 > div {height: 300px;}


@media screen and (max-width: 800px) {
  #grid-01 {grid-template-columns: 1fr 1fr; gap: 20px;}
}


/*
#grid-01 {display: grid; grid-template-columns: auto auto auto;}
*/







