@media (min-width: 769px) {
    main{
        width: 80%;
        margin: auto 10%;
    }
    #takeout-coupons{
    /* 使用 Flexbox 布局 */
        width: 100%;
        margin-bottom: 3rem;
        display: flex; 
        /* 将子元素水平排列 */
        flex-direction: row; 
        justify-content: flex-start;        
    }

    #takeout-coupons img{
        width: 80%;
        margin: auto 10% auto 0;
    }

}

@media (max-width: 768px) {

    h1{
        margin-left: 10%
    }
    #takeout-coupons{
    /* 使用 Flexbox 布局 */
        width: 90%;
        padding-bottom: 2rem;
        display: flex; 
        /* 将子元素水平排列 */
        flex-direction: column; 
        margin-left: 10%;
    }

    #takeout-coupons img{
        width: 80%;
        margin-bottom: 1rem;
    }

    #about-takeout-coupons{
        width: 90%;
        margin: 0 auto;
    }


}