.common-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

.common-list-dynamic {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

    .common-list-dynamic .card {
        margin: 10px;
        height: 180px;
        border-radius: 25px;
        background-color: #333;
    }

    .common-list-dynamic .card:hover {
        background-color: #123;
        cursor: pointer;
    }

        .common-list-dynamic .card .content {
            margin: 10px;
            height: 100px;
            border-radius: 25px;
            color: whitesmoke;
            font-size: 20px;
        }

        .common-list-dynamic .card h4 {
            color: #73AD21;
            text-align: center;
        }

        .common-list-dynamic .card .detail {
            font-size: 70px;
            text-align: center;
        }