Community forum for knowledge and support

Updated 11 months ago

The Enigma of Grid: Navigating Unexpected Behavior

At a glance

The community member is having issues with a grid layout, where the dimensions of the smaller cards keep changing between the designer and the preview. They have not specified any height or width values for the images or their parents. Another community member suggests that the issue is more with the images themselves, as they have experienced similar resizing issues in the past. The recommended solution is to use an image wrapper and image combo, and potentially try one of the UI Element image components from Relume to prevent the resizing behavior.

Useful resources

Hey All,

Why does Grid never seem to work the way I expect it to 😆 . If you’re someone who swears by Grid, perhaps you can help me understand this behaviour:

I have an offset bento grid with 4 smaller cards and two larger cards. The dimensions of the smaller cards keep changing height on preview vs in the designer. I have no heigh or width values specified on any of the images or any of their parents.
Read Only Link

M
L
2 comments

the issue seems more with the images themselves than the grid. I've had this issue before where it wants to resize briefly after load. I've honestly had the best luck when you have an image wrapper > image combo. I would start with one of our UI Element image components and see if you can prevent this from happening and make some tweaks from there.
https://www.relume.io/ui-elements?ui-elements-categories=images

thanks this actually is an image element from relume. Image within a wrapper too. Its weird, but i guess it’t not the end of the world. I actually want it to look the way it does in preview and live instead of what it is in the designer. so no harm done i guess. just odd behaviour

Add a reply
Sign up and join the conversation on Slack