.grid-alternating-layout{display:grid;grid-template-columns:1fr;grid-gap:30px;justify-items:center;grid-template-areas:"item1" "item2" "item3" "item4" "item5" "item6" "item7" "item8"}@media (min-width:768px){.grid-alternating-layout{grid-template-columns:repeat(2,1fr);grid-template-areas:"item1 item2" "item4 item3" "item5 item6" "item8 item7"}}.grid-item-1{grid-area:item1}.grid-item-2{grid-area:item2}.grid-item-3{grid-area:item3}.grid-item-4{grid-area:item4}.grid-item-5{grid-area:item5}.grid-item-6{grid-area:item6}.grid-item-7{grid-area:item7}.grid-item-8{grid-area:item8}