.single-article-flex-content{
    padding-bottom: 80px;
    >h1{
        text-align: center;
    }

    >.flex-content{
        >*{
            margin-bottom: 16px;
        }
        >*:last-child{
            margin-bottom: 0;
        }
    }

    >.imgs{
        display: flex;
        gap: 24px;
        >div{
            flex: 1 0 0;
            >img{
                width: 100%;
            }
            >p{
                text-align: center;
                margin-top: 20px;
                color: var(--color-gray-2);
            }
        }
    }

    >.tags{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 24px;
        >div{
            display: flex;
            align-items: center;
            gap: 8px;
        }
    }

    >*{
        margin-bottom: 60px;
    }
    >*:last-child{
        margin-bottom: 0;
    }
}

@media screen and (width < 768px) {
    .single-article-flex-content{
        padding-bottom: 60px;
        >*{
            margin-bottom: 40px;
        }
        >.imgs > div > p{
            margin-top: 10px;
        }
    }
}
@media screen and (width < 576px) {
    .single-article-flex-content{
        >.imgs{
            flex-wrap: wrap;
            >div{
                flex: 1 0 100%;
            }
        }
    }
}