body{margin:0;font-size:100px;font-family:Arial,sans-serif}.container{display:grid;grid:auto-flow/repeat(auto-fit,minmax(300px,1fr))}@media (min-width:1200px){.container{grid-template-columns:repeat(3,1fr)}}.container__box{height:300px;color:#fff;line-height:300px;text-align:center;min-width:300px}.container__box:first-child{background-color:rgb(255,0,0)}.container__box:nth-child(2){background-color:rgb(204,0,0)}.container__box:nth-child(3){background-color:rgb(153,0,0)}.container__box:nth-child(4){background-color:rgb(102,0,0)}.container__box:nth-child(5){background-color:rgb(51,0,0)}.container__box:nth-child(6){background-color:rgb(0,0,0)}
/*# sourceMappingURL=main.19e19bf2.css.map */