Same height cards

Radzen.Blazor Components
1

I hope this is not a silly question!
I am displaying some data in 2 adjacent columns and in each of them I have a card. How can I make these cards have the height of the tallest card?

2

Hi @Fady1956,

You'd need to place the cards inside a RadzenStack containers and add rz-h-100 css utility classes:

<RadzenRow>
    <RadzenColumn Size="6">
        <RadzenStack Orientation="Orientation.Vertical" Gap="0" class="rz-h-100">
            <RadzenCard class="rz-h-100"> Card 1 </RadzenCard>
        </RadzenStack>
    </RadzenColumn>
    <RadzenColumn Size="6">
        <RadzenStack Orientation="Orientation.Vertical" Gap="0" class="rz-h-100">
            <RadzenCard class="rz-h-100"> Card 2 </RadzenCard>
        </RadzenStack>
    </RadzenColumn>
</RadzenRow>

Alternatively, you can use the new RadzenCardGroup component.

1 Like
3

sorry but it did not work. I used a radzenstak with the advised class.