#jadwalContainer {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-start;
        /* Mengatur isi ke tengah */
        padding: 10px;
        /* sedikit padding kiri kanan */
        box-sizing: border-box;
    }

    #jadwalContainer .card {
        flex: 0 0 calc((100% - 24px) / 4);
        /* flex: 1 1 calc(25% - 20px); */
        /* 4 per baris */
        /* max-width: calc(25% - 20px);
        min-width: 250px;
        min-height: 400px;
        border-radius: 12px;
        box-shadow: 0 2px 10px rgb(0 0 0 / 0.05);
        box-sizing: border-box;
        background-color: white; */
        /* supaya card jelas terlihat */
    }

    /* Responsive untuk 3 card per baris pada layar sedang */
    @media (max-width: 1200px) {
        #jadwalContainer .card {
            flex: 1 1 calc(33.33% - 20px);
            max-width: calc(33.33% - 20px);
        }
    }

    /* Responsive untuk 2 card per baris pada layar kecil */
    @media (max-width: 900px) {
        #jadwalContainer .card {
            flex: 1 1 calc(50% - 20px);
            max-width: calc(50% - 20px);
        }
    }

    /* Responsive 1 card per baris pada layar sangat kecil */
    @media (max-width: 600px) {
        #jadwalContainer .card {
            flex: 1 1 100%;
            max-width: 100%;
        }
    }