.item1 { grid-area: header;}
.item2 { grid-area: menu; background-image: url('../images/stripes.gif'); background-repeat: repeat-y; min-width: 100px; }
.item3 { grid-area: left; max-width: 200px;}
.item4 { grid-area: right; }
.item5 { grid-area: footer; }

.grid-container {
    display: grid;
    grid-template-areas:
    'menu header header header'
    'menu left 	 right  right'
    'menu footer footer footer';
    gap: 15px;
    padding: 2px;
    max-width: 760px;
    border: 0px solid #333;
}

.grid-container > div {
    padding: 2px 0;
    border: 0px solid #333;
}