body{margin:0}.box{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));text-align:center;box-sizing:border-box}.box,.box__card{justify-content:center}.box__card{display:flex;align-items:center;height:300px;font-family:Arial,sans-serif;font-size:100px;color:#fff}.box__card--color-1{background-color:red}.box__card--color-2{background-color:#c00}.box__card--color-3{background-color:#900}.box__card--color-4{background-color:#600}.box__card--color-5{background-color:#300}.box__card--color-6{background-color:#000}.box__card:first-child:before{content:"1"}.box__card:nth-child(2):before{content:"2"}.box__card:nth-child(3):before{content:"3"}.box__card:nth-child(4):before{content:"4"}.box__card:nth-child(5):before{content:"5"}.box__card:nth-child(6):before{content:"6"}@media (min-width:900px){.box{grid-template-columns:repeat(3,1fr);flex-wrap:nowrap}}
/*# sourceMappingURL=main.22841f2d.css.map */