#center{
    display:grid;
    grid-template-columns: 23% 23% 23% 23%;
    row-gap:15px;
    column-gap: 30px;
    justify-content:center;
}

.product-box{
    background-color: rgba(255, 217, 0, 0.301);
    display:flex;
    row-gap:10px;
    width:300px;
    height: 500px;
    flex-direction: column;
    border:1px solid rgb(0, 0, 0);
}

.product-image{
    width:100%;
    height:48%;
    object-fit: cover;
}

.product-details{
    padding:10px;
}

.product-name{
    font-size:24px;
}

.line-limit{
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
}

.product-ratings{
    display:inline-flex;
    justify-content: start;
    align-items: center;
    font-size:20px;
    color:rgb(0, 0, 0);
    column-gap:10px;
}

.product-ratings img{
    width:50%;
}

.product-price{
    font-size:20px;
    color:rgb(99, 99, 14);
    font-weight:700;
    margin-top:10px;
}

.add-quantity{
    display:block;
    padding:5px;
    border-radius:10px;
}

.add-quantity{
    cursor: pointer;
}

.add-cart-button{
    font-size:22px;
    color:rgb(255, 255, 255);
    background-color: brown;
    padding:7px 15px;
    border-radius: 20px;
    border:none;
    display:inline-block;
    width:80%;
    margin:30px 20px 5px 20px;
}

.add-cart-button:hover{
    cursor:pointer;
}

@media (max-width:425px){
    #center{
        row-gap:10px;
        grid-template-columns: 30% 30% 30%;
        justify-content:space-evenly;
        column-gap: 2px;
        
    }
    
    .product-box{
        row-gap: 5px;
        height:240px;
        width:100%;
    }
    
    .product-details{
        padding:5px;
    }
    
    .product-image{
        width:100%;
        height:50%;
    }
    
    .product-name{
        font-size:10px;
    }
    
    .product-ratings{
        font-size:10px;
        column-gap:5px;
    }
    
    .product-price{
        font-size:10px;
        margin-top:5px ;
        display:inline;
    }
    
    .add-quantity{
        padding: 0px;
        width:30px;
        height:12px;
        font-size:3px;
    }
    
    .product-details div{
        height:25px !important;
    }
    
    .add-cart-button{
        font-size:5px;
        padding:3px 5px;
        border-radius:10px;
        margin:10px 3px 1px 3px;
    }
}