.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: 240px;
}

.item4 {
    grid-area: right;
}

.item5 {
    grid-area: footer;
}

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

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