#displayData {
    margin-top: 20px; /* Adjust as needed */
}

.card {
    width: 100%;
    max-width: 400px; /* Adjust the maximum width of the cards */
    margin-bottom: 20px; /* Add spacing between cards */
}

@media (min-width: 576px) {
    #displayData {
        max-width: 100%; /* Ensure cards take full width on larger screens */
        display: flex;
        flex-wrap: wrap;
        justify-content: center; /* Center cards horizontally */
    }
}