* {
    box-sizing: border-box;
}
.wrapper_grid {
    /*max-width: 940px;*/
    margin: 0 auto;
}

.wrapper_grid > div {
    border: 2px solid rgb(233, 171, 88);
    border-radius: 5px;
    background-color: rgba(233, 171, 88, 0.5);
    padding: 3px;
    color: #d9480f;
}
.wrapper_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
   /* grid-auto-rows: minmax(100px, auto);*/
}
.one {
    grid-column: 1/1;
    grid-row: 1;
    /* position the text centrally*/
    display: flex;
    align-items: center;
    justify-content: center;

}
.two {
    grid-column: 2;
    grid-row: 1;
}
.three {
    grid-column: 1/3;
    grid-row: 2;
}


@media screen and (max-width: 640px) {
    .wrapper_grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px;
        /* grid-auto-rows: minmax(100px, auto);*/
    }
    .one {
        grid-column: 1;
        grid-row: 1;
    }
    .two {
        grid-column: 1;
        grid-row: 2;
    }
    .three {
        grid-column: 1;
        grid-row: 3;
    }

}