Community forum for knowledge and support

Updated last year

Card Heights Freezing on Hover

At a glance

The community member is having an issue with the layout of their website, specifically the card heights changing on hover. They have edited the interaction so the card heights change on hover instead of the widths, but now the cards are "freezing" at the width of the original hover interaction, even if the screen size is changed. The community members discuss whether the card heights changing together is the intended behavior, and whether the issue is specifically with the widths. There is no explicitly marked answer in the comments.

Useful resources

Hi all, looking for some help with Layout 422! I’ve edited the interaction slightly so the card heights change on hover, rather than their widths. However, now they’re freezing at whatever width the hover interaction was originally performed within. For example, if I hover at 100% screen width, remove hover, make my screen a bit more narrow, and hover again, the cards are stuck at the full screen width, meaning most of the card gets cut off.

Here’s my read only link: https://preview.webflow.com/preview/apoth-site-current?utm_medium=preview_link&utm_sou[…]t&preview=2b32b3b15697e088bcf2f9b97fcf39bc&workflow=preview interaction is at the bottom in the CTA section. Thank you!!

M
M
4 comments

so are you wanting each card to individual change in height on hover?

or the hover that you have right now, is fine the way it is, you are just talking about how the widths are acting a little wonky?

Referring to the widths!

Card heights changing together is intentional

Add a reply
Sign up and join the conversation on Slack