Cards Equal Height?

  • monkehfu

    (@monkehfu)


    4 years ago

    Playing with Material Design and enjoying it so far, but have a question…

    With Card Collections (Grid), how do I force cards to be of equal height?

    I was attempting to use
    flex-grow: 1;
    Within the main content area, but for the life of me, I cannot get it to work?
    If I wanted uneven, I would opt for a Masonry Group, but the icon for Grid infers symmetrical layout? Don’t really want to have to rewrite the content to try and hack it together with content length.

Viewing 1 replies (of 1 total)
  • Ravi Chandra

    (@ravichandra)

    Hello @monkehfu

    Thanks for reaching out, could you try with height: 100% on the card element (.material-design-card) ? We will take a look at how to handle the grid row card height and include a fix in an upcoming release.

Viewing 1 replies (of 1 total)
  • The topic ‘Cards Equal Height?’ is closed to new replies.

Tags