Topic: Cards in masonary layout

itay pro asked 5 years ago


When I place cards with different heights in rows, every row has the height of the highest card, leaving blank spaces.

How can I style cards in Masonary layout, without blanks. e.g.,

Damian Gemza staff answered 5 years ago

Dear @mdb2 

Please take a look at jQuery Panels documentation. There's an example of Masonry Panels.

This example will work in MDB Angular without problems, so feel free to implement it in your project.

We didn't add this example to Angular, but we'll do it in the future.

Best Regards,


Arkadiusz Idzikowski staff answered 5 years ago


Please take a look at our card decks example.

itay pro commented 5 years ago


My cards has different height. Card decks are for same height cards

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.0.0
  • Device: NA
  • Browser: NA
  • OS: NA
  • Provided sample code: No
  • Provided link: No