.grid-wrap{max-width:100%;margin:3em auto;display:grid;grid-template-areas:"head head2 . side" "main main2 . side" "footer footer footer footer";grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:50px 150px 50px}.itemA{border-radius:3px;margin:2px;color:#fff;text-transform:uppercase;display:flex;justify-content:center;align-items:center}.item-1{grid-area:head;background:#acb646}.item-1-2{grid-area:head2;background:#acb646}.item-2{grid-area:main;background:#1c6e56}.item-2-2{grid-area:main2;background:#1c6e56}.item-3{grid-area:side;background:#d7a82a}.item-4{grid-area:footer;background:#29737b}.grid2{grid-template-columns:1fr 1fr 40px 20%;grid-template-rows:100px 200px 100px}.grid3{grid-template-columns:1fr 1fr 40px 2fr}