I’ve seen a couple threads touch close to this, but not exactly what I’m hoping to achieve. I want to build a 4 column wide section, where each column has a hover interaction that grows the selected box, and shrinks the others. E.g. all 4 columns are 25% width without hover, but when a mouse hovers over column a, column a grows to 35% and the rest shrink horizontally to 21%.
Without getting into any technical specifics, it sounds to me like this would just take a custom interaction where, for each column, you have an interaction set to 1. grow the column at hand and 2. shrink the other three columns. Duplicate and adjust the interaction for each respective column. Each column would need a unique class.