Help with the layout-card grid card heights

hey all i have been trying to set up my dashboard for some time now and have just installed layout-card which seems to work well but each card copies the height of the cards alongside it

bad image but as you can see of the 3 columns the middle has a lot of room below it and i was hoping i could push up the lone bottom middle card into the upper middle but the upper middle card is taking the whole space

image

i am just wondering if / how i could fit the cards to size, as the left and middle cards are bigger then the content of the cards itself, as they are copying the same size as the right

a closer example are these 3 cards

image

i would like the left and right to fit to the size of the content itself not just matching the middle which is the tallest one

any help is appreciated

The grid layout is the right one, but you need to define both columns and rows.

1 Like

image
ive done this? but i want the height to scale to each individual card not the tallest card in the row

i cant see anything here i dont know any of this or what will help im looking throught the height section and nothing is changing ijm looking through the section you linked and i cant find anything i would assume the “fit content” height would work but nothing is changing anything

When you click the link then you can see the examples and can play with them.
What you want is something like

b b a
b b c
. . .

It is only set up to show 3 boxes, so it can’t completely mirror your setup, but that one should be good enough.

image
i have that though? isn’t that what this is? i just want to ffit the height to the card

No, you have 3 x 3 small squares, named c1 through c9.
One card will be put into one of named squares.
This makes a field of 9 cards possible, 3 on each line and 3 lines.

Use the link I gave and play with the letters a,b and c and the dot in the test area there.

yes that’s what i want the layout is fine there’s just obnoxiously large spaces because the card heights aren’t fitting to the content there fitting to the tallest in the row


this card uses up so much empty space below it i want the edit bar down at the bottom to be pulled up the the actual card size so i can fit other cards into this gap





how can i fit the borders to the size of the card so these spaces arent there
image

That is because you have set you names to be as you have.
In the first line you can have 3 cards, c1, c2 and c3.
The highest of these 3 cards decide the height of the others.
There are no span over the next line(s) for these cards, because in second line the cards c4, c5 and c6 appear.

1 Like

i see so its because of the namess so how do i stop this? how do i have each card keep there own height?

A grid is exactly that… A grid.
You can let cards span multi grid squares by naming them the same, but it always have to be squares.

so thre is no other way to fit them to size while keeping them at a specific spot? maybe as masonry??