Check out example codes for "edit card-deck breakingpoints bootstrap". It will help you in understanding the concepts better.

Code Example 1

.card-deck {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: .5rem;
}

Learn ReactJs, React Native from akashmittal.com