Community forum for knowledge and support

Updated 9 months ago

The Enigma of Grid: Navigating Unexpected Behavior

At a glance

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