Cards in masonary layout


Topic: Cards in masonary layout

mdb2 pro asked 6 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


Arkadiusz Idzikowski staff answered 6 years ago

Hello,

Please take a look at our card decks example.


mdb2 pro commented 6 years ago

Hi,

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


Damian Gemza staff answered 6 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


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
  • User: 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