.flex-container {
    display: flex;
    flex-wrap: wrap; /* Allows the divs to drop below each other */
    gap: 15px; /* Spacing between divs */
}

.flex-child {
    flex: 1 1 300px; /* Grow, Shrink, Basis (Minimum width before wrapping) */
}

/* On screens smaller than 768px, force each div to take 100% width */
@media (max-width: 768px) {
    .flex-child {
        flex: 1 1 100%;
    }
}