.box-grid{grid-template-areas:"one""two""three""four""five";grid-auto-columns:1fr;display:grid}.box:first-child{grid-area:one}.box:nth-child(2){grid-area:two}.box:nth-child(3){grid-area:three}.box:nth-child(4){grid-area:four}@media screen and (min-width:375px){.box-grid{grid-template-areas:"one one""two two""three three""four four"}}@media screen and (min-width:744px){.box-grid{grid-template-areas:"one one two""three three three""four four four"}}@media screen and (min-width:1440px){.box-grid{grid-template-areas:"one one two four""three three three four";margin-top:10vh}}