.article-card {
    height: 96%;
}

.article-card .blog-post {
    height: 100%;
}

.article-card .description {
    height: 10rem;
}

.article-card .post-meta>figure img {
    height: 160px;
}

.post-title>span {
    vertical-align: bottom;
}

.related-article .owl-item>li img {
    height: 65%;
}

.related-article .owl-item>li {
    height: 245px;
}

.related-article .owl-item>li>a {
    height: 100%;
}

.header-article {
    display: flex;

}

.header-article .friend-name {
    margin: 5px 0 0 10px;
}

.header-article .friend-name>span {
    float: left;
}

@media screen and (max-width: 350px) {
    .header-article .friend-name>span {
        margin-top: 10px;
    }
}