#recent_blog {
    width: var(--base-width);
    margin: 0 auto;
    padding: 50px 0;
}

#recent-blog-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}
#recent-blog-list > div {
    display: flex;
    flex-direction: column;
}
#recent-blog-list-pic {
    text-align: center;
}
#recent-blog-list-pic img {
    width: 100%;
    object-fit: cover;
    height: 200px;
    object-position: top;
}
#recent-blog-list .date {
    font-size: 0.8rem;
    text-transform: uppercase;
}
#recent-blog-list .content {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}
#recent-blog-list .more {
    margin-top: auto;
    width: 100%;
    text-align: center;
}


@media screen and (max-width: 980px) {
    #recent-blog-list {
        grid-template-columns: 1fr;
    }
    #recent-blog-list > div {
        max-width: 500px;
        margin: 0 auto;
    }
}