Topic: Cards in masonary layout

itay pro asked 5 years ago


Hi,

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., https://medium.com/@andybarefoot/a-masonry-style-layout-using-css-grid-8c663d355ebb


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,

Damian


Arkadiusz Idzikowski staff answered 5 years ago


Hello,

Please take a look at our card decks example.


itay pro commented 5 years ago

Hi,

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



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

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