Remove space between different bootstrap card groups.

Question

I want to remove space between different card groups so that next group card can use space left by previous group cards because of different sizes of cards.

https://code.sololearn.com/WA2A5A25A211/?ref=app

(see in desktop)

Answer 1

So you want it to be horizontal with no spaces?

Answer 2

Chris C. yes, just like a collage. To use every space.

Answer 3

Since you're using bootstrap.
You can make the cards all the same height.

In the CSS tab type this

.card {
height: 400px;
}

If you intend to create a gallery with different sizes then a grid would be better.

Answer 4

Chris C. Actually I am dynamically adding cards using javascript and the no of cards may vary. Is there any robust automatic way ?

Answer 5

Chris C. New cards are added automatically.