layout1.css

.grid-container{
    background-color: indianred;
    padding: 20px;
    display: grid;
    grid-template-areas: 
    'logo logo logo logo logo logo'
    'Navigation Navigation Navigation Navigation Navigation Navigation '
    'header header header  header header header'
    'sidebar sidebar Bodyarea Bodyarea Bodyarea Bodyarea'
    'footer footer footer footer footer footer';
    grid-gap: 10px;
width: 1480px;
height: 700px;
}
.grid-item{
    background-color: wheat;
    padding: 20px;
    border: 1px solid black;
    font-size: 40px;
    text-align: center;

}
#grid-1{
    grid-area: logo;
}
#grid-2{
    grid-area: Navigation;
}
#grid-3{
    grid-area: header;
}
#grid-4{
    grid-area: sidebar;
}
#grid-5{
    grid-area: Bodyarea;
}#grid-6{
    grid-area: footer;
}