Fix card div height not scaling with react-grid-layout div #238

New issue

Closed

opened 2026-04-10 13:37:09 +00:00 by a24vinla · 1 comment

a24vinla commented

2026-04-10 13:37:09 +00:00

Collaborator

When vertically scaling the cards the inner div does not get bigger. This is not the case when scaling horizontally.

The card div:

The react-grid-layout div:

When vertically scaling the cards the inner div does not get bigger. This is not the case when scaling horizontally. The card div: ![image](/attachments/95617840-c581-45d0-b8e2-3fa1bb120192) The react-grid-layout div: ![image](/attachments/9257c154-fe8b-4df7-9358-82738243ea36)

image.png

101 KiB

image.png

116 KiB

a24vinla added the

bug

frontEnd

labels

2026-04-10 13:37:09 +00:00

b24johka commented

2026-04-13 07:56:48 +00:00

Collaborator

I was messing around and found that changing the card.module.css files properties:
display: flex;
flex-direction: column;
width: 100%;
height: 100%;

This fixed the issue, i will submit a pull request.

I was messing around and found that changing the card.module.css files properties: display: flex; flex-direction: column; width: 100%; height: 100%; This fixed the issue, i will submit a pull request.