Remove space between different bootstrap card groups.

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)

1/30/2021 9:56:17 PM

harshit

5 Answers

New Answer

Sort by:

So you want it to be horizontal with no spaces?

Chris Coder

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

harshit

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.

Chris Coder

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

harshit

Chris C. New cards are added automatically.

harshit