@media screen and (min-width:200px) and (max-width:600px) {

.title{
    font-size: 3rem;
}

    .gird-container {

        display: unset;

    }

    .gird-box {

        margin: .5rem 0;

    }

    .site-title h1 {

        font-size: 24px;

        line-height: 32px;

    }

    .site-title h3 {

        font-size: 18px;

        line-height: 26px;

    }

    .header {

        text-align: center;

    }

    .header .d-flex {

        justify-content: center;

    }

    ul.date-time li {

        justify-content: center;

    }

}