Easy Question - Grid Card Height

Hey guys,

Have designed quite a bit in Wordpress but new to Webflow. In this site I’m working on there’s a FAQ section with an accordian interaction. First (dumb) question is, how do I collapse the accordian in the editor? Second, and what I really need help with is, how do I have each FAQ “card” within this grid the same height when collapsed? Also hoping that this aligns the right side and left side together as well. Probably an easy fix that I’m overthinking, but greatly appreciate any help!


Here is my site Read-Only: Webflow - Two Chums

  1. If you are manually animating the accordion instead of using Webflow Dropdown element and playing with it to act like accordion, you can only collapse the accordion by setting “initial css style” to the card elements in style panel.

  2. To make the cards same height: You have to go and set the row height to be 1fr and auto generated rows also to 1fr, so how ever many rows the grid generate all of them are same height.


  1. You could probably browse through “Made in Webflow” and see how others are doing this.

I hope this helps a little bit.

1 Like

Problem solved. Thanks very much!

Hey guys, i need to add google search file to my site for verification. How i can do it?