.container{display:grid}@media (min-width:300px){.container{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr)}}@media (min-width:600px){.container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}@media (min-width:900px){.container{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}}.container__box{display:grid;place-items:center;height:300px;width:100%;color:#fff;font-family:Arial,sans-serif;font-size:100px}.container__box--1{background-color:red}.container__box--2{background-color:#c00}.container__box--3{background-color:#900}.container__box--4{background-color:#600}.container__box--5{background-color:#300}.container__box--6{background-color:#000}body{margin:0}
/*# sourceMappingURL=main.3618550d.css.map */