* {
    margin: 0;
    padding: 0;
    border: solid;
    text-align: center;
}

body {
    border: none;
    width: 100%;
    height: 1000px;
    display: grid;
    grid-template-columns: 20% 60% 20%;
    grid-template-rows: 10% 80% 10%;
}

#item1 {
    grid-area: 1 / 1 / 2 / 4;
    
}

#item2 {
    grid-area: 2 / 2 / 3 / 3;
}

#item5{
    grid-area: 3 / 1 / 4 / 4;
}

@media only screen and (max-width:480px){

    body{
        grid-template-columns: 70% 30%;
    }

    /* #item1{
        grid-area: 
    } */

    #item3{
        display: none;
    }
}