/* CSS Document */
body {
background-color: grey;
display: grid;
grid-template-columns:repeat(5,1fr);
        grid-template-areas:"head head head head head"
                            "nav main main main aside"
                            "nav main main main aside"
                            "foot foot foot foot foot";
                            }
h1 {
        text-align: center;
        font-size: 50px;
    }
header  {
        grid-area: head;
    }
nav   {
        color: yellow;
        background-color: red;
        grid-area: nav;
    }
main {
    grid-area: main;
    }
aside {
       color: yellow;
        background-color: red;
        grid-area: aside;
        text-align: center; 
        }
footer {
        grid-area:foot;
        }