Panel Cards Size

Is there a way to make the cards not adapt to the width of the panel? It annoys me that they get bigger based the amount there are, like in the screen shot below. Id like the second row cards to stay the same size as the top row. Can i do that, or am i going to have to manipulate it through a panel style sheet? I couldn’t see anything in the docs to do with size.

It just annoys me having the panel jump around when i get to the end of the pager, and they are hugeeeeee! If i could least maintain the card height, but the width adapts, that would be something.

1 Like

You can use the size option:

The size option controls the size of cards. By default cards are auto-sized and the cards grid will always fill the full width. With a size you can disable auto-sizing. Available sizes: tiny, small, medium, large
https://getkirby.com/docs/reference/panel/sections/pages#options

sigh thanks… seems i cant read…

For me, I got a three-column design, size: tiny, but every item fills up the entire column … how can that be?

You would have to adapt the minmax grid settings for tiny

Not sure I understand: min: 1 and max: 999? :stuck_out_tongue:

Brilliant idea, go ahead!

No, seriously, what I meant are these styles for tiny cards:

@media screen and (min-width: 30em) {
  .k-cards[data-size=tiny] {
    grid-template-columns: repeat(auto-fill,minmax(12rem,1fr));
  }
}
1 Like