Card fill column height

[NiallD1991]

Hi Guys,

How do I go about making a card fill the height of the row that it’s in?

I have attached a pic of the problem below.

Thanks guys!

[ruenel]

Hello Niall,

Thanks for writing in!

By default, in the card settings, you can only set the width and maximum width.

There is no setting where you can set the height or minimum height. In that case, you will have to add it in the Card > Customize > Inline element CSS instead. You may set the minimum height of the card to 100% so that it will have the same height as the column itself.

$el.x-card {
  min-height: 100%;
}

To learn more about the CSS min-height property, please check this out:

• https://www.w3schools.com/cssref/pr_dim_min-height.asp

Hope this helps.