html{font-family:Arial,Helvetica Neue,Helvetica,sans-serif}body{margin:0;padding:0}.blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media screen and (min-width:900px){.blocks{grid-template-columns:repeat(3,1fr)}}.blocks__block{display:grid;height:300px;color:#fff;font-size:100px;justify-content:center;align-items:center}.blocks :first-child,.blocks__block{background-color:red}.blocks :nth-child(2){background-color:#c00}.blocks :nth-child(3){background-color:#900}.blocks :nth-child(4){background-color:#600}.blocks :nth-child(5){background-color:#300}.blocks :nth-child(6){background-color:#000}
/*# sourceMappingURL=main.eab3b267.css.map */