.partGrid{
    display: grid;
    width:100%;
    grid-column-gap: 20px;
    row-gap: 20px;
    position:relative;
}
.partGrid .gridItem{
    border-radius:6px;
    overflow: hidden;
}
.partGrid .gridItem img{
    display:block;
}

.partTitleBox{
    position:absolute;
    bottom:0;
    background:#43AB48;
    border-radius:0 10px 0 0;
    padding:10px 20px;
}
.partTitleBox .title{
    font-size:16px;
    font-weight:bold;
    color:#fff;
}
.partTitleBox .partBtn{
    float:left;
    clear:both;
    background:#FEF200;
    color:#000;
    border-radius:6px;
    padding:8px 12px;
    font-size:16px;
    margin:10px 0;
}
.partBtn:active{
    background:#111;
    color:#fff;
}


@media(min-width: 768px){
    .partGrid{
		grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
	}
    .partTitleBox{
        width:60%;
        height:120px;
    }
}

@media(max-width: 768px){
    .partGrid{
		grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
        row-gap: 0;
	}
    .partTitleBox{
        width:80%;
        height:120px;
    }
}

@media(max-width: 480px){
    .partGrid{
		grid-template-columns: repeat(1, 1fr);
        column-gap: 0;
        row-gap: 20px;
	}
}