@media(max-width:1112px) {

    .container {
        display: block;
        width: 100vw;
        overflow: scroll;
    }

    .box{
        width:100vw;
        height:300px;
        overflow-y: scroll;
    }

    .board-box::-webkit-scrollbar {
        display: inherit;
    }


}

@media(max-width:738px) {

    .this-game,.last-game,.next-game{
        min-width: 210px;

    }

}

@media(max-width:900px) {

    .footer{
        display:flex;
        flex-direction: row;
        overflow-x: scroll;   
    }

    .btn2{
        min-width:100px;
        min-height:50px;
    }

}